.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}.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%}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/assets/roboto-latin-100-BJNx9A77.woff2) format("woff2"),url(/assets/roboto-latin-100-B3mHgoOJ.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/assets/roboto-latin-100italic-DkGpOhj0.woff2) format("woff2"),url(/assets/roboto-latin-100italic-Bjs4D596.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/assets/roboto-latin-300-EvKWBL9d.woff2) format("woff2"),url(/assets/roboto-latin-300-Cx9SeV6m.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/assets/roboto-latin-300italic-CYatNKLh.woff2) format("woff2"),url(/assets/roboto-latin-300italic-Uxw9HR3T.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/assets/roboto-latin-400-CEEi-WbQ.woff2) format("woff2"),url(/assets/roboto-latin-400-CKhRtUFO.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/assets/roboto-latin-400italic-DRWWNyaf.woff2) format("woff2"),url(/assets/roboto-latin-400italic-B7WW6HdJ.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/assets/roboto-latin-500-DRg8azjQ.woff2) format("woff2"),url(/assets/roboto-latin-500-BU-otfqs.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/assets/roboto-latin-500italic-CAWXcheQ.woff2) format("woff2"),url(/assets/roboto-latin-500italic-DC3lxgcN.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/assets/roboto-latin-700-CqGedB_1.woff2) format("woff2"),url(/assets/roboto-latin-700-CCwTn0--.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/assets/roboto-latin-700italic-C5p_YAqY.woff2) format("woff2"),url(/assets/roboto-latin-700italic-DXbHVVaQ.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/assets/roboto-latin-900-BEowQPyJ.woff2) format("woff2"),url(/assets/roboto-latin-900-Blac3EU0.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/assets/roboto-latin-900italic-DBp_g5Ww.woff2) format("woff2"),url(/assets/roboto-latin-900italic-uSnr6All.woff) format("woff")}#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>.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}.cpnAudioPlayer{display:flex}.cpnAudioPlayer>.cpnLabel{flex:3;margin-right:var(--global-padding)}.cpnAudioPlayer .box{flex:8}.cpnAudioPlayer .box>audio:focus{outline:none}.cpnAudioRecorder{display:flex}.cpnAudioRecorder>.cpnLabel{flex-shrink:0;flex:3;margin-right:var(--global-padding)}.cpnAudioRecorder>.box{display:flex;flex-direction:column;flex:8}.cpnAudioRecorder>.box .toolbar{display:flex;margin-top:var(--global-smallPadding);justify-content:flex-end}.cpnAudioRecorder>.box .toolbar .cpnButton+.cpnButton{margin-left:var(--global-smallPadding)}.cpnButton{display:flex;flex-direction:row;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:background-color;transition-duration:.2s;position:relative}.cpnButton.round{border-radius:100%}.cpnButton.hidden{display:none}.cpnButton.hasBorder{border:1px solid #000}.cpnButton.shadow{box-shadow:0 1px 4px #00000024}.cpnButton.horizontal{flex-direction:row}.cpnButton.horizontal-reverse{flex-direction:row-reverse}.cpnButton.vertical{flex-direction:column}.cpnButton.vertical-reverse{flex-direction:column-reverse}.cpnButton:hover{filter:brightness(1.1)}.cpnButton:hover.shadow{box-shadow:0 1px 4px #0000003d}.cpnButton.hasBadge{vertical-align:super}.cpnButton.hasBadge>.cpnBadge{padding-left:2px}.cpnCamera{display:flex}.cpnCamera>.cpnLabel{flex-shrink:0;flex:3;margin-right:var(--global-padding)}.cpnCamera>.box{display:flex;flex-direction:column;flex:8}.cpnCamera>.box>.innerVideo{display:flex;flex-direction:column;position:relative;align-items:flex-start}.cpnCamera>.box>.innerVideo>canvas{position:absolute;top:0;left:0}.cpnCamera>.box>.innerOptions{display:flex;margin-top:var(--global-smallPadding);justify-content:flex-end}.cpnCamera>.box>.innerOptions .cpnButton+.cpnButton{margin-left:var(--global-smallPadding)}.mobile .cpnCamera>.box>.innerOptions{justify-content:flex-start}.mobile .cpnCamera>.box .innerVideo>*{position:relative}.mobile .cpnCamera>.box .innerVideo img{width:100%}.cpnCanvas{width:100%;height:100%;position:relative}.cpnCheckbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;--checkbox-switch-track-alpha:.38;--checkbox-switch-track-color-off:136, 136, 136;--checkbox-switch-track-color-on:200, 200, 200;--checkbox-switch-track-border-style:0;--checkbox-switch-handle-color-off:40, 40, 40;--checkbox-switch-handle-color-on:60, 60, 60;--checkbox-switch-handle-border-style:0}.cpnCheckbox .cpnLabel{display:flex;position:relative;margin-right:var(--global-padding)}.cpnCheckbox .icon{flex:1;transition-duration:.35s;transition-property:color}.cpnCheckbox .icon.checked .icon{transition-duration:.35s}.cpnCheckbox.autoPad>.cpnLabel{align-items:center;height:100%}.cpnCheckbox.checkboxFirst{flex-direction:row-reverse}.cpnCheckbox.checkboxFirst .cpnLabel{margin-right:0}.cpnCheckbox>.switchContainer{position:relative;display:flex;flex:1;height:25px;width:40px}.cpnCheckbox>.switchContainer>.switchInput{display:none}.cpnCheckbox>.switchContainer>.switchInput:checked+.switchLabel:before{background-color:rgba(var(--checkbox-switch-track-color-on),var(--checkbox-switch-track-alpha))}.cpnCheckbox>.switchContainer>.switchInput:checked+.switchLabel:after{transform:translate(80%,-50%);background-color:var(--checkbox-switch-handle-color-on)}.cpnCheckbox>.switchContainer>.switchLabel{cursor:pointer;width:37px}.cpnCheckbox>.switchContainer>.switchLabel:before,.cpnCheckbox>.switchContainer>.switchLabel:after{content:"";position:absolute;margin:0;outline:0;top:50%;transform:translateY(-50%);transition:all .3s ease}.cpnCheckbox>.switchContainer>.switchLabel:before{left:1px;width:34px;height:14px;border-radius:8px;border:var(--checkbox-switch-track-border-style);background-color:rgba(var(--checkbox-switch-track-color-off),var(--checkbox-switch-track-alpha))}.cpnCheckbox>.switchContainer>.switchLabel:after{left:1px;width:20px;height:20px;border-radius:50%;border:var(--checkbox-switch-handle-border-style);background-color:var(--checkbox-switch-handle-color-off)}.cpnCheckbox.handleHasShadow>.switchContainer>.switchLabel:after{box-shadow:0 3px 1px -2px #00000024,0 2px 2px #00000019,0 1px 5px #00000015}.cpnCode{padding:12px;width:100%;margin:0;font-family:monospace;color:#000;-moz-tab-size:32px;tab-size:32px;overflow:auto}.cpnCode *{font-family:monospace}.cpnDatePicker .value{width:100%;cursor:pointer}.cpnDatePicker .value .cpnInput .box .input{color:var(--datePicker-valueColor)}.cpnDatePicker .value:hover{background-color:rgba(var(--datePicker-backgroundColorHover),var(--datePicker-backgroundOpacityHover))}.cpnDatePicker .value:hover .cpnInput .box .input{color:var(--datePicker-valueColorHover)}.cpnDatePicker .value.active{background-color:var(--datePicker-backgroundColorActive)}.cpnDatePicker .value.active .cpnInput .box .input{color:var(--datePicker-valueColorActive)}.cpnDatePicker-popup .calendar{margin-top:var(--global-padding);background-color:var(--datePicker-popupBackgroundColor);box-shadow:0 1px 4px #0000003d;padding:var(--global-smallPadding);display:flex;flex-direction:column}.cpnDatePicker-popup .calendar .topBar{display:flex;flex-direction:row;align-items:center}.cpnDatePicker-popup .calendar .topBar .monthDropdown{flex:1;color:var(--datePicker-popupMonthYearColor);font-weight:700}.cpnDatePicker-popup .calendar .topBar .monthNavigation{display:flex;flex-direction:row}.cpnDatePicker-popup .calendar .topBar .monthNavigation .button{display:flex;justify-content:center;align-items:center;width:calc(var(--global-bigPadding) - var(--global-smallPadding));height:calc(var(--global-bigPadding) - var(--global-smallPadding));cursor:pointer;color:var(--datePicker-popupMonthButtonColor);background-color:var(--datePicker-popupMonthButtonBackgroundColor);font-weight:700}.cpnDatePicker-popup .calendar .topBar .monthNavigation .button:hover{background-color:rgba(var(--datePicker-popupMonthButtonBackgroundColorHover),var(--datePicker-popupMonthButtonBackgroundColorOpacityHover));color:var(--datePicker-popupMonthButtonColorHover)}.cpnDatePicker-popup .calendar .daysBar{display:flex;flex-direction:row;margin-top:18px}.cpnDatePicker-popup .calendar .daysBar .day{display:flex;justify-content:center;align-items:center;width:calc(var(--global-bigPadding) - var(--global-smallPadding));height:calc(var(--global-bigPadding) - var(--global-smallPadding));color:var(--datePicker-popupDayHeadingColor);font-weight:700}.cpnDatePicker-popup .calendar .datesBox{display:flex;flex-direction:column}.cpnDatePicker-popup .calendar .datesBox .row{display:flex;flex-direction:row}.cpnDatePicker-popup .calendar .datesBox .row .date{display:flex;justify-content:center;align-items:center;width:calc(var(--global-bigPadding) - var(--global-smallPadding));height:calc(var(--global-bigPadding) - var(--global-smallPadding))}.cpnDatePicker-popup .calendar .datesBox .row .date:not(.empty){background-color:var(--datePicker-popupDateBackgroundColor);border-radius:50%;cursor:pointer;color:var(--datePicker-popupDateColor)}.cpnDatePicker-popup .calendar .datesBox .row .date:not(.empty).selected{color:var(--datePicker-popupDateColorSelected);background-color:var(--datePicker-popupDateBackgroundColorSelected)}.cpnDatePicker-popup .calendar .datesBox .row .date:not(.empty):hover{color:var(--datePicker-popupDateColorHover);background-color:rgba(var(--datePicker-popupDateBackgroundColorHover),var(--datePicker-popupDateBackgroundColorOpacityHover))}.cpnDatePicker-popup .calendar .datesBox .row .date.today{color:var(--datePicker-popupTodayColor);background-color:var(--datePicker-popupTodayBackgroundColor)}.cpnDivider{flex-shrink:0}.cpnFocusLine{width:100%;pointer-events:none;position:relative}.cpnFocusLine:after{content:"";left:50%;height:100%;width:0;position:absolute;transform:translate(-50%);transition-duration:var(--focusLine-animationDuration);transition-timing-function:var(--focusLine-animationTimingFunction);transition-property:background-color,width;background-color:transparent}.cpnFocusLine.active:after{width:100%;background-color:var(--focusLine-backgroundColor)}.cpnIcon{display:flex;position:relative}.cpnIcon .material-icons,.cpnIcon .material-icons-outlined,.cpnIcon .material-icons-round,.cpnIcon .material-icons-sharp,.cpnIcon .material-icons-two-tone{font-size:inherit}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.cpnImage{position:relative;flex-basis:unset!important}.cpnImage img{color:var(--image-color-alt-text)}.cpnInput{display:flex;flex-direction:row;position:relative}.cpnInput>.cpnLabel{font-size:var(--global-fontSize);margin-right:var(--global-padding);align-items:center}.cpnInput>.cpnIcon{margin-right:var(--global-padding);align-items:center}.cpnInput .box{position:relative;flex:1;font-size:inherit}.cpnInput .box>.input{height:var(--input-height);width:100%;color:var(--input-text-color);background-color:unset;padding:0;border:none;outline:0;font-size:var(--input-fontSize);font-family:var(--input-fontFamily);text-align:var(--input-textAlign)}.cpnInput .box>.input::placeholder{color:var(--input-placeholder-text-color)}.cpnInput .box>.input.masked{letter-spacing:4px}.cpnInput .box>.cpnIcon{position:absolute;top:0;right:0;height:var(--input-height);cursor:pointer;align-items:center}.cpnInput .box>.help{opacity:.5;font-style:italic;margin-top:3px}.cpnInput.autoPad>.cpnLabel{height:var(--input-height);line-height:var(--input-height)}.cpnInput.autoPad.hasBottomBorder>.cpnLabel{line-height:calc(var(--input-height) - .5px)}.cpnInput:not(.hasDropdownArrow) .cpnIcon>.material-icons{display:none}.cpnInput.multiline{height:var(--input-height);flex-shrink:0}.cpnInput.multiline .box{height:100%;margin-bottom:0}.cpnInput.multiline .box>.input{height:100%;line-height:20px;padding-left:0;padding-right:0;resize:none;text-align:var(--input-textAlign)}.cpnInput.multiline .box>.cpnIcon{height:calc(var(--global-giantPadding) * 2 - 22px)}.cpnInput.multiline .box>.line{top:calc(var(--global-giantPadding) * 2 - 22px)}.cpnInput.disabled .input,.cpnInput.type-color .box input{border:none}.cpnInput.type-color .box .line,.cpnInput.hidden{display:none}.cpnInput.hasBottomBorder>.box>.input{border-bottom-style:solid;border-bottom-color:#000;border-bottom-width:1px}.cpnInput:not(.hasBottomBorder)>.box{margin-bottom:0}.cpnInput.autoDropdown .box .cpnIcon{width:100%;justify-content:flex-end;display:flex}.cpnInput.hideNumberArrows .box input{-moz-appearance:textfield}.cpnInput.hideNumberArrows .box input::-webkit-inner-spin-button,.cpnInput.hideNumberArrows .box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cpnLabel{position:relative;font-size:var(--global-fontSize);word-wrap:normal}.cpnLabel.separator{padding-bottom:var(--global-smallPadding);border-bottom:1px solid #000}.cpnLabel.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpnLabel.pre{white-space:pre}.cpnLabel.h1{font-size:2em}.cpnLabel.h2{font-size:1.5em}.cpnLabel.h3{font-size:1.17em}.cpnLabel.h4{font-size:1em}.cpnLabel.h5{font-size:.83em}.cpnLabel.h6{font-size:.67em}.cpnLabel.uppercase{text-transform:uppercase}.cpnLabel.lowercase{text-transform:lowercase}.cpnLabel.capitalize{text-transform:capitalize}.cpnLabel.hyperlink{cursor:pointer}.cpnMarkdownLabel{position:relative}.cpnMarkdownLabel h1{font-size:32px!important}.cpnMarkdownLabel h2{font-size:24px!important}.cpnMarkdownLabel p strong{font-weight:700}.cpnNotifications{display:flex;flex-direction:column;justify-content:flex-start}.cpnNotifications .notification{margin-bottom:var(--global-smallPadding);box-shadow:0 1px 4px #00000050;animation:bounceIn .3s;animation-timing-function:cubic-bezier(.83,.43,.09,1.16);z-index:1}.cpnNotifications .notification.closing{margin-top:-54px;opacity:0;transition-property:margin-top,opacity;transition-duration:.4s;transition-timing-function:linear;z-index:0}.cpnNotifications .notification.customNotification{width:fit-content;align-self:flex-end}.cpnNotifications .notification:not(.customNotification){flex-direction:row;justify-content:center;align-items:center;display:flex;border-radius:calc(var(--global-borderRadius)/ 2);padding:var(--global-smallPadding)}.cpnNotifications .notification:not(.customNotification)>.cpnIcon{opacity:.5;cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none;text-align:justify}.cpnNotifications .notification:not(.customNotification)>.cpnIcon:hover{opacity:1}.cpnNotifications .notification:not(.customNotification)>.cpnLabel{flex:9;padding-right:var(--global-smallPadding)}.cpnNotifications .notification:not(.customNotification).info{background-color:var(--notifications-color-background-info)}.cpnNotifications .notification:not(.customNotification).success{background-color:var(--notifications-color-background-success)}.cpnNotifications .notification:not(.customNotification).warning{background-color:var(--notifications-color-background-warning)}.cpnNotifications .notification:not(.customNotification).danger{background-color:var(--notifications-color-background-danger)}@keyframes bounceIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cpnProgressBar{display:flex;flex-direction:row;position:relative;height:calc(var(--global-smallPadding) / 3);display:block;width:100%;background-clip:padding-box;margin:.5rem 0 1rem;overflow:hidden}.cpnProgressBar:not(.determinate)>.bar{position:unset}.cpnProgressBar:not(.determinate)>.bar:before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.cpnProgressBar:not(.determinate)>.bar:after{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}.cpnProgressBar>.bar{position:absolute;background-color:var(--progressBar-colorBar);top:0;bottom:0;transition-property:width;transition-duration:.5s;width:var(--progressBar-bar-width)}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.cpnRadio{display:flex;flex-direction:row;padding-top:var(--global-padding);-webkit-user-select:none;user-select:none;position:relative}.cpnRadio>.cpnLabel{align-items:flex-start;flex:3;justify-content:flex-start;margin-right:calc(var(--global-padding) - 4px)}.cpnRadio>.options{display:flex;flex-direction:column;flex:8}.cpnRadio>.options>.option{display:flex;flex-direction:row;flex-shrink:0;padding-bottom:var(--global-smallPadding);cursor:pointer;flex:1}.cpnRadio>.options>.option>.icons{width:24px;height:24px;-webkit-user-select:none;user-select:none;position:relative;display:flex;justify-content:center;align-items:center;transition-duration:.5s;transition-property:color}.cpnRadio>.options>.option>.icons>.cpnIcon{-webkit-user-select:none;user-select:none;cursor:pointer;margin-top:-4px}.cpnRadio>.options>.option>.icons>.cpnIcon.circle{position:absolute;width:24px;height:24px;transition-duration:.2s;transition-property:color}.cpnRadio>.options>.option>.icons>.cpnIcon.dot{position:absolute;opacity:0;font-size:0px;transition-duration:.2s;transition-property:opacity,font-size,color}.cpnRadio>.options>.option:hover .icons .dot{opacity:.3;font-size:8px;transition-duration:.25s;transition-property:opacity,font-size}.cpnRadio>.options>.option.active .icons{transition-duration:.2s;transition-property:color}.cpnRadio>.options>.option.active .icons .dot{opacity:1;font-size:14px;transition-duration:.2s;transition-property:opacity,font-size}.cpnRadio>.options>.option .cpnLabel{flex:1;justify-content:left;margin-left:12px}.cpnRadio.inline,.cpnRadio.inline .options{flex-direction:row}.cpnSlider{display:flex;flex-direction:row;position:relative}.cpnSlider>.cpnLabel{padding-top:8px;margin-right:var(--global-padding);flex:3;position:relative;line-height:24px}.cpnSlider>.rc-slider{flex:8;height:var(--global-padding);margin-top:calc(var(--global-smallPadding) + 2px);position:relative}.cpnSlider>.rc-slider>.rc-slider-track{border-radius:var(--global-smallPadding);background-color:var(--slider-color-track)}.cpnSlider>.rc-slider>.rc-slider-rail{background-color:var(--slider-color-rail)}.cpnSlider>.rc-slider>.rc-slider-handle{border:solid 7px var(--slider-color-handle)}.cpnSlider>.rc-slider>.rc-slider-handle:before{content:"";position:absolute;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition-property:opacity,width,height;transition-duration:.35s;width:var(--global-smallPadding);height:var(--global-smallPadding)}.cpnSlider>.rc-slider>.rc-slider-handle:active{box-shadow:none}.cpnSlider>.rc-slider>.rc-slider-handle:hover:before{opacity:.25;width:var(--global-padding);height:var(--global-padding)}.cpnSlider>.rc-slider>.rc-slider-handle:hover:after{content:"";position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:var(--global-smallPadding);height:var(--global-smallPadding)}.cpnSlider>.rc-slider>.rc-slider-handle:focus{box-shadow:none}.cpnSlider>.rc-slider>.rc-slider-handle:focus:before{opacity:.25;width:var(--global-bigPadding);height:var(--global-bigPadding)}.cpnSlider>.rc-slider>.rc-slider-handle.rc-slider-handle-click-focused:before{opacity:0;width:var(--global-smallPadding);height:var(--global-smallPadding)}.cpnSlider>.rc-slider>.rc-slider-handle.rc-slider-handle-click-focused:hover:before{opacity:.25;width:var(--global-padding);height:var(--global-padding)}.cpnSlider>.rc-slider>.rc-slider-mark{top:var(--global-smallPadding);font-size:var(--global-fontSizeSmall)}.cpnSlider>.rc-slider>.rc-slider-dot{width:var(--global-smallPadding);height:var(--global-smallPadding);border:2px solid black}.rc-slider-tooltip{transition:box-shadow .15s cubic-bezier(.4,0,.2,1) 0ms;width:32px;height:32px;display:flex;align-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);padding:0}.rc-slider-tooltip.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip .rc-slider-tooltip-inner{background-color:#000;border-color:transparent;justify-content:space-around;width:32px;height:32px;display:flex;align-items:center;border-radius:50%;transform:rotate(45deg);box-shadow:none}.rc-slider-tooltip .rc-slider-tooltip-arrow{display:none}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-bottom:0;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.cpnSpinner{display:flex;flex-direction:row;position:relative}.cpnSpinner .spinner{width:var(--global-bigPadding);height:var(--global-bigPadding);position:relative;border-radius:50%;overflow:visible;margin-top:var(--global-smallPadding);margin-bottom:var(--global-smallPadding);margin-left:auto;margin-right:auto;animation:spin 10s linear infinite;will-change:transform}.cpnSpinner .spinner:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-width:calc(var(--global-smallPadding) / 3);border-style:solid;border-color:#000;border-radius:var(--global-bigPadding)}.cpnSpinner .spinner .circle{border-width:calc(var(--global-smallPadding) / 3);border-style:solid;border-color:#000;width:var(--global-bigPadding);height:var(--global-bigPadding);border-radius:var(--global-bigPadding)}.cpnSpinner .spinner .rightWrapper{right:0;position:absolute;top:0;overflow:hidden;width:calc(var(--global-bigPadding) / 2);height:var(--global-bigPadding)}.cpnSpinner .spinner .leftWrapper{left:0;position:absolute;top:0;overflow:hidden;width:calc(var(--global-bigPadding) / 2);height:var(--global-bigPadding)}.cpnSpinner .spinner .left{position:absolute;top:0;left:0;overflow:hidden;width:calc(var(--global-bigPadding) / 2);height:var(--global-bigPadding);transform-origin:100% 50%;animation:spinLeft 2.5s cubic-bezier(.2,0,.8,1) infinite}.cpnSpinner .spinner .right{position:absolute;left:calc((var(--global-bigPadding) / 2) * -1);top:0;overflow:hidden;width:calc(var(--global-bigPadding) / 2);height:var(--global-bigPadding);transform-origin:100% 50%;animation:spinRight 2.5s cubic-bezier(.2,0,.8,1) infinite}.cpnSpinner .player{width:calc(var(--global-bigPadding) * 2);height:calc(var(--global-bigPadding) * 2);position:relative;border-radius:50%;overflow:visible;margin:var(--global-smallPadding) auto}.cpnSpinner .player:hover{opacity:.8}.cpnSpinner .player-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000;font-family:var(--global-fontFamily);font-weight:var(--global-fontWeight);font-size:var(--global-fontSize)}.cpnSpinner .left-side{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border-width:calc(var(--global-smallPadding) / 3);border-style:solid;border-color:#000;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}.cpnSpinner .right-side{transform:rotate(45deg);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border-width:calc(var(--global-smallPadding) / 3);border-style:solid;border-color:#000;border-left-color:#000;border-bottom-color:#000}.cpnSpinner .fill{border-color:transparent;border-left-color:#000;border-bottom-color:#000}@keyframes spinLeft{0%{transform:rotate(20deg)}50%{transform:rotate(160deg)}to{transform:rotate(20deg)}}@keyframes spinRight{0%{transform:rotate(160deg)}50%{transform:rotate(20deg)}to{transform:rotate(160deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(2520deg)}}.cpnTab{height:100%;overflow:auto}.cpnTabContainer{display:flex;flex-direction:column;width:100%;height:100%}.cpnTabContainer>.tabButtons{display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:flex-start;height:var(--global-bigPadding);margin-bottom:24px}.cpnTabContainer>.content{height:calc(100% - 72px)}.cpnTabContainer.single>.content{height:100%}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.cpnTimePicker .value{width:100%;display:flex;flex-direction:row;cursor:pointer}.cpnTimePicker .value .cpnInput .box .input{color:var(--timePicker-valueColor)}.cpnTimePicker .value:hover{background-color:rgba(var(--timePicker-backgroundColorHover),var(--timePicker-backgroundOpacityHover))}.cpnTimePicker .value:hover .cpnInput .box .input{color:var(--timePicker-valueColorHover)}.cpnTimePicker .value.active{background-color:var(--timePicker-backgroundColorActive)}.cpnTimePicker .value.active .cpnInput .box .input{color:var(--timePicker-valueColorActive)}.cpnTimePicker-popup .clock{margin-top:var(--global-padding);background-color:var(--timePicker-popupBackgroundColor);box-shadow:0 1px 4px #0000003d;padding:var(--global-smallPadding);display:flex;flex-direction:row;height:var(--timePicker-popupHeight)}.cpnTimePicker-popup .clock .column{width:var(--global-bigPadding);display:flex;flex-direction:column;text-align:center}.cpnTimePicker-popup .clock .column+.column{margin-left:var(--global-smallPadding)}.cpnTimePicker-popup .clock .column .heading{color:var(--timePicker-popupHeadingColor)}.cpnTimePicker-popup .clock .column .picker{flex:1;overflow:hidden;margin-top:var(--global-padding) var(--global-padding);width:100%;cursor:pointer;position:relative}.cpnTimePicker-popup .clock .column .picker .option{display:flex;flex-direction:column;justify-content:center;color:var(--timePicker-popupOptionColor)}.cpnTimePicker-popup .clock .column .picker:before{content:"";z-index:1;background:linear-gradient(0deg,var(--timePicker-popupBackgroundColor) 5%,rgba(var(--timePicker-popupBackgroundColorRgb),.6) 20%,rgba(var(--timePicker-popupBackgroundColorRgb),.5) 42%,rgba(var(--timePicker-popupBackgroundColorRgb),0) 50%,rgba(var(--timePicker-popupBackgroundColorRgb),.5) 58%,rgba(var(--timePicker-popupBackgroundColorRgb),.6) 80%,var(--timePicker-popupBackgroundColor) 95%);width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}.cpnTimePicker-popup .clock .column.amPm{justify-content:center}.cpnTimePicker-popup .clock .column.amPm .option{padding:var(--global-smallPadding);cursor:pointer;color:var(--timePicker-popupAmPmColor);background-color:var(--timePicker-popupAmPmBackgroundColor)}.cpnTimePicker-popup .clock .column.amPm .option:hover{color:var(--timePicker-popupAmPmColorHover);background-color:rgba(var(--timePicker-popupAmPmBackgroundColorHover),var(--timePicker-popupAmPmBackgroundColorHoverOpacity))}.cpnTimePicker-popup .clock .column.amPm .option+.option{margin-top:var(--global-smallPadding)}.cpnTimePicker-popup .clock .column.amPm .option.selected{background-color:var(--timePicker-popupAmPmBackgroundColorActive);color:var(--timePicker-popupAmPmColorActive)}.cpnTreeview{--treeview-node-text-color:black;--treeview-node-bg-color:white;--treeview-node-selected-text-color:white;--treeview-node-selected-bg-color:black;--treeview-node-hover-text-color:white;--treeview-node-hover-bg-color:black;display:flex;flex-direction:column}.cpnTreeview.loading .node{opacity:.15}.cpnTreeview.loading:before{background-color:#ffffff26}.cpnTreeview.loading:after{color:#fff}.cpnTreeview .filterBar{display:flex;flex-direction:column;padding-bottom:var(--global-smallPadding);border-bottom:1px solid black;margin-bottom:var(--global-smallPadding)}.cpnTreeview .filterBar>.chip{display:flex;align-items:center;-webkit-user-select:none;user-select:none;border-radius:var(--global-borderRadiusGiant);padding:var(--global-tinyPadding) var(--global-smallPadding);border:2px dashed black;color:#000}.cpnTreeview .filterBar>.chip:not(.add){justify-content:space-between}.cpnTreeview .filterBar>.chip.hasHover{cursor:pointer}.cpnTreeview .filterBar>.chip.hasHover:hover{border-style:solid}.cpnTreeview .filterBar>.chip+.chip{margin-top:var(--global-smallPadding)}.cpnTreeview .filterBar>.chip>*:first-child{margin-right:var(--global-smallPadding)}.cpnTreeview .filterBar>.chip>.icon{cursor:pointer;border-radius:100%;width:calc(var(--global-smallPadding) + 6px);height:calc(var(--global-smallPadding) + 6px);display:flex;justify-content:center;align-items:center;padding:2px}.cpnTreeview .children .node{background-color:var(--treeview-node-bg-color);cursor:pointer;display:flex;flex-direction:column;position:relative}.cpnTreeview .children .node:hover>.text{background-color:var(--treeview-node-hover-bg-color);transition-property:background-color;transition-duration:.15s}.cpnTreeview .children .node:hover>.text>div{color:var(--treeview-node-hover-text-color)}.cpnTreeview .children .node .text{color:var(--treeview-node-text-color);height:var(--global-bigPadding);display:flex;flex-direction:row;align-items:center;transition-property:background-color;transition-duration:.25s}.cpnTreeview .children .node .text.match .cpnIcon,.cpnTreeview .children .node .text.match .val{transition-property:color;transition-duration:.3s}.cpnTreeview .children .node .text.no-match .cpnIcon,.cpnTreeview .children .node .text.no-match .val{opacity:.4;transition-property:opacity;transition-duration:.3s}.cpnTreeview .children .node .text>.cpnIcon{width:var(--global-padding);transition-property:transform;transition-duration:.15s;margin-left:var(--global-smallPadding)}.cpnTreeview .children .node .text>.treeIcon{margin-left:0;margin-right:var(--global-smallPadding)}.cpnTreeview .children .node .text>.cpnCheckbox{margin-right:var(--global-smallPadding)}.cpnTreeview .children .node .text>.cpnCheckbox .icon{padding-top:4px}.cpnTreeview .children .node .text .val{transition-property:color,opacity;transition-duration:.3s}.cpnTreeview .children .node .text .textIcon{display:none}.cpnTreeview .children .node .text.leaf{padding-left:var(--global-padding)}.cpnTreeview .children .node .text>.customTreeTextWrapper{display:flex;flex-direction:column;flex-basis:100%}.cpnTreeview .children .node .text>.customTreeTextWrapper .treeText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpnTreeview .children .node .text>.customTreeTextWrapper .bold{font-weight:700}.cpnTreeview .children .node .text>.customTreeTextWrapper .italic{font-style:italic}.cpnTreeview .children .node .text>.customTreeTextWrapper .smallFont{font-size:var(--global-fontSizeSmall)}.cpnTreeview .children .node .text>.customTreeTextWrapper .smallMarginBottom{margin-bottom:var(--global-tinyPadding)}.cpnTreeview .children .node .children{padding-left:var(--global-padding);animation-name:fadein;animation-duration:.35s}.cpnTreeview .children .node.expanded>.text>.cpnIcon{transform:rotate(90deg);transition-property:transform;transition-duration:.25s}.cpnTreeview .children .node.selected>.text{color:var(--treeview-node-selected-text-color);background-color:var(--treeview-node-selected-bg-color);transition-property:background-color;transition-duration:.15s}.cpnTreeview .children .node.selected>.text>div{color:var(--treeview-node-selected-text-color)}.cpnTreeview.colored .node .text{flex-direction:row-reverse;padding:0 var(--global-smallPadding)}.cpnTreeview.colored .node .text .val{margin-right:auto}.cpnTreeview.colored .node.leaf .text{background-color:#000}.cpnTreeview.colored .node.leaf .text.leaf{padding-left:0;padding:0 var(--global-smallPadding)}.cpnTreeview.colored .node.leaf .text .val{color:#000}.cpnTreeview.colored .node.leaf .text:hover{background-color:#000}.cpnTreeview.colored .node.leaf.selected>.text{background-color:#000;transition-property:background-color;transition-duration:.15s}.cpnTreeview.colored .node.leaf.selected>.text:hover{background-color:#000}.cpnTreeview.hideRootNode>div>div:first-child{display:none}.cpnTreeview.noPad .node .children{padding-left:0}.cpnUpload{width:100%;height:100%}.cpnUpload>.hiddenInput{display:none}.cpnUrl iframe{width:100%;height:100%}.cpnVideoPlayer{display:flex}.cpnVideoPlayer>.cpnLabel{flex:3;margin-right:var(--global-padding)}.cpnVideoPlayer .box{flex:8}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("opentype")}