.cpnContainer{flex-shrink:0;align-content:flex-start;display:flex;position:relative}.cpnContainer>*{flex-basis:auto!important}.cpnContainer.horizontal{flex-direction:row}.cpnContainer.vertical{flex-direction:column}.cpnContainer.hasChildren{box-shadow:none;background-color:#0000}.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{width:100%;height:100%}.cpnContainer.flex{flex:1}.cpnContainer.canShrink{flex-shrink:1}.cpnContainer.autoChildMargins.horizontal>:not(.hidden):not(.popoverRef)+:not(.noAutoMargin),.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),.cpnContainer.autoChildMargins.vertical>:not(.hidden):not(.popoverRef)~.hidden+:not(.noAutoMargin){margin-top:var(--container-auto-child-margins-size)}.cpnContainer.faded:before{content:"";z-index:1;background-color:#000000b3;width:100%;height:100%;transition-property:opacity;animation-name:fadein;animation-duration:.3s;position:absolute;top:0;left:0}.cpnContainer.canClick,.cpnContainer.canHover{cursor:pointer}.cpnContainerSimple{flex-shrink:0;display:flex;position:relative;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{width:100%;height:100%}.cpnContainerSimple.flex{flex:1}.cpnContainerSimple.canShrink{flex-shrink:1}.cpnContainerSimple.autoChildMargins.horizontal>:not(.hidden):not(.popoverRef)+:not(.noAutoMargin),.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),.cpnContainerSimple.autoChildMargins.vertical>:not(.hidden):not(.popoverRef)~.hidden+:not(.noAutoMargin){margin-top:var(--containerSimple-auto-child-margins-size)}.cpnContainerSimple.faded:before{content:"";z-index:1;background-color:#000000b3;width:100%;height:100%;transition-property:opacity;animation-name:fadein;animation-duration:.3s;position:absolute;top:0;left:0}.cpnContextMenuManager{z-index:100002;position:absolute;top:0;left:0}.cpnContextMenuManager:empty{display:none}.cpnLabel{font-size:var(--global-fontSize);word-wrap:normal;position:relative}.cpnLocalStorageManager.cpnContainer.modal{max-width:90vw;max-height:90vh}.cpnLocalStorageManager .innerContainer{flex:1;min-height:0;display:flex}.cpnLocalStorageManager .innerContainer .localStorageKeys{margin-right:var(--global-padding);display:flex}.cpnLocalStorageManager .innerContainer .localStorageCode{flex:1;display:flex;overflow:auto}.cpnLocalStorageManager .localStorageToolbar .localStorageActions{display:flex}.cpnLocalStorageManager .localStorageToolbar .localStorageActions>div{margin-right:var(--global-smallPadding)}.cpnModal.complex{width:100%;height:100%;padding:var(--global-padding);box-sizing:border-box;z-index:100002;background-color:#00000080;display:flex;position:absolute;top:0;left:0}.cpnModal .cpnViewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cpnPopup{box-sizing:border-box;flex-direction:column;display:flex;position:fixed;overflow-y:auto;box-shadow:0 1px 4px #00000024}.cpnSystemModal{z-index:100001;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.cpnSystemModal:empty{display:none}.cpnSystemModal:not(:empty):before{content:"";background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.cpnSystemModal>:not(:last-child){display:none}.cpnViewport{height:100%;position:relative;overflow:auto}#root{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}*{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{width:100vw;height:100vh;margin:0}#root>:last-child{z-index:1}#root>.cpnContainer{width:100%;height:100%}.disabled{opacity:.5;pointer-events:none;filter:grayscale()}.hidden,[class^=cpn].hidden{display:none!important}.loading:before{content:"";z-index:100;background-color:rgba(var(--colors-loaderBackground-rgb),var(--colors-loaderBackgroundOpacity));width:100%;height:100%;transition-property:opacity;animation-name:fadein;animation-duration:.3s;position:absolute;top:0;left:0}.loading:after{z-index:101;color:var(--colors-loaderIcon);content:var(--global-loaderIcon);font-family:var(--global-loaderIconFontFamily,"Material Symbols Outlined");font-style:normal;font-weight:400;font-size:var(--global-loaderIconFontSize);letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;animation-name:var(--global-loaderIconAnimationName);animation-duration:var(--global-loaderIconAnimationDuration);animation-timing-function:var(--global-loaderIconAnimationTimingFunction);transform-origin:50% 62%;direction:ltr;justify-content:center;align-items:center;line-height:1;animation-iteration-count:infinite;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collapsible{width:0;padding:var(--global-smallPadding) 0;transition-property:width,padding;transition-duration:.25s;transition-delay:50ms,.15s}.collapsible>*{opacity:0;transition-property:opacity;transition-duration:.15s}.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{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.invisibleScrollbars::-webkit-scrollbar{width:0;height:0}.demo{background:linear-gradient(45deg,#bdbdbd 0%,#fafafa 100%);justify-content:center;align-items:center;display:flex}.demo#root>div{border:12px solid #212121;border-radius:32px;flex:none;width:468px;height:1012px;transition-property:width,height,transform,border-radius,border-width;transition-duration:.5s;transition-timing-function:ease-in-out;position:relative;overflow:hidden;box-shadow:0 1px 4px 4px #00000050}.demo.rotate#root>div{transition-property:width,height,transform,border-radius,border-width;transition-duration:.6s;transition-timing-function:ease-in-out;transform:rotate3d(.5,.25,-.45,60deg)}.mobile #STATERECORDER.cpnMenu{position:absolute}.mobile #MENU.cpnBladeManager{z-index:100;transform-origin:0 0;flex-direction:column;width:100%;height:auto;transition:transform .25s,width 0s .25s;position:absolute;top:0%;left:0%;transform:scaleY(0)}.mobile #MENU.cpnBladeManager>*{opacity:0;transform-origin:0 0;width:100%;box-shadow:none;padding:var(--global-smallPadding) 0px;flex-direction:row;transition-property:opacity,transform;transition-duration:.15s;transition-delay:.1s,0s;display:flex;transform:scaleY(.75)}.mobile #MENU.cpnBladeManager>* .headingText{display:none}.mobile #MENU.cpnBladeManager>* .divider.secondary{background-color:#000;width:1px;height:auto;margin-right:12px}.mobile #MENU.cpnBladeManager>* .cpnTreeview{flex:1}.mobile #MENU.cpnBladeManager>* .children{flex-direction:row;flex:1;justify-content:flex-end;display:flex}.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:#0000}.mobile #MENU.cpnBladeManager.active{width:100%;transition-property:transform;transition-duration:.4s;transition-delay:0s;transform:scaleY(1)}.mobile #MENU.cpnBladeManager.active>*{opacity:1;height:74px;transition-property:opacity,transform;transition-duration:.3s;transition-delay:.1s,0s;transform:scaleY(1)}.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{padding:12px;font-size:32px;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-top:24px;margin-left:0}.mobile .tabButton{text-align:center}#root:not(.mobile) .cpnLogo .letter{transition-property:font-size,padding;transition-duration:.5s}
/*$vite$:1*/