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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (min-width:1200px){body,html{height:100%;margin:0;overflow:hidden}}textarea[data-fabric-hiddentextarea],textarea[data-fabric]{position:fixed!important}.nav-bar ul{background-color:#1d38cf;list-style:none}.nav-bar ul li a{color:#fff;height:30px;text-decoration:none;width:100px}.nav-bar ul li:hover{background-color:#060e5a}.nav-bar ul li{background-color:#9600ec;display:inline-block;font-size:20px;height:30px;line-height:30px;margin-bottom:5px;padding:10px;width:100px}.connectbutton:hover{background-color:#5f0303}.StopChannelButton,.connectbutton{background-color:red;border-radius:10%;color:#fff;font-size:15px;padding:2px}.StopChannelButton:hover{background-color:#5f0303}.preview-container{background-color:rgba(14,15,15,.596);background-image:url(/ReactCasparClient/static/media/canvasBg.318f03422b7360431e95.svg);background-position:top -30px right -30px;height:576px;position:relative;width:1024px}.canvas{height:1080px;overflow:hidden;position:absolute;scale:.5333;transform-origin:top left;width:1920px}.automation-preview-container{background-color:rgba(14,15,15,.596);background-image:url(/ReactCasparClient/static/media/canvasBg.318f03422b7360431e95.svg);border:1px solid red;height:172px;width:309px}.automationcanvas{height:172px;width:309px}.styleContainer{background-color:rgba(14,15,15,.596);background-image:url(/ReactCasparClient/static/media/canvasBg.318f03422b7360431e95.svg)}.topleft:hover{cursor:pointer}.graphic{background:#50037c;border:2px solid #fff;color:#fff;font-size:30px;font-weight:700;left:5%;padding:3px 10px}.graphic,.output{position:absolute}.output{height:100vh;width:100vw}.palyButton{background-color:green;color:#fff}.stopButton{background-color:red;color:#fff}.previewButton{background-color:#ff0;color:#000}.updateButton{background-color:#81dbe7;color:#000}.thumbnailcanvas{height:172px;width:309px}.thumbnail-preview-container{background-color:rgba(14,15,15,.596);background-image:url(/ReactCasparClient/static/media/canvasBg.318f03422b7360431e95.svg);border:1px solid red;height:58px;width:103px}.canvasOutput{height:2160px;position:absolute;width:4096px}.hidetoolbar{display:none!important}.xyz{font-size:xx-large}.rightClickMenu ul li{background-color:#065c6b;margin:1px;padding:3px 8px}.rightClickMenu ul li:hover{background-color:#022a31;cursor:pointer}.rightClickMenu ul{list-style:none;min-width:180px}.rightClickMenu ul li ul{display:none;left:180px;position:absolute}.rightClickMenu ul li:hover ul{display:inline}.rightClickMenu ul li ul li{background-color:#065c6b;margin:1px;padding:3px 8px}.rightClickMenu ul li ul li:hover{background-color:#022a31;cursor:pointer}.rightClickMenu ul li ul{list-style:none;min-width:180px}.rightClickMenu ul li ul li ul{display:none;left:180px;position:absolute}.rightClickMenu ul li ul li:hover ul{display:inline}.drawingToolsRow{border:1px solid #ebe8e8;margin-top:3px;width:475px}.editableBox{height:30px;width:380px}.timeTextBox{border:none;height:25px;margin-left:-377px;width:353px}.inputRange{height:3px;width:100px}.inputRangeshadow{height:3px;width:70px}.inputRangeStroke{height:3px;width:50px}.inputRangeFontSize{height:3px;width:120px}.selectedTab,.selectedTab2{background-color:#747275;color:#fff}.text-center{text-align:center}.root-div{margin-top:150px}.test{font-size:50}.DrawingforTheatrejs{background-color:rgba(14,15,15,.596);background-image:url(/ReactCasparClient/static/media/canvasBg.318f03422b7360431e95.svg);height:1080px;width:1920px}#theatrejs-studio-root{inset:12px!important}.tabHidden{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes breakingNewsFlash{0%{opacity:0;transform:translateX(-50%) scale(0)}50%{opacity:1;transform:translateX(-50%) scale(2.5)}to{opacity:0;transform:translateX(-50%) scale(0)}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.spinner-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner-content{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;padding:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ddd;border-radius:50%;border-top-color:#3498db;height:40px;margin:10px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--background:#f7f8fb;--foreground:#17191f;--muted:#5d6575}*{box-sizing:border-box}#root,body,html{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;height:100%;margin:0;overflow:hidden;width:100%}button,input{font:inherit}.page{background:#e9edf3;display:grid;min-height:100vh;padding:0;place-items:start center}.panel{grid-gap:12px;background:#fff;display:grid;gap:12px;grid-template-columns:240px minmax(0,1fr);height:785px;overflow:hidden;padding:10px;width:867px}.surfaceSection{grid-gap:8px;align-content:start;display:grid;gap:8px;grid-template-rows:auto 255px auto;min-height:0;min-width:0}.surfaceHeader{align-items:flex-end;display:flex;gap:10px;justify-content:space-between}.surfaceActions{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.fileActionButton,.surfaceActions button{background:#233342;border:0;border-radius:4px;color:#fff;cursor:pointer;flex:none;font-size:.7rem;font-weight:700;min-height:24px;padding:4px 8px;white-space:nowrap}.surfaceActions button.loopButton{background:#316047}.surfaceActions button.stopAllButton{background:#7b2f3b}.surfaceActions .fileActionButton{color:#fff;display:grid;place-items:center;position:relative}.stageWrapper{background:#233342;border-radius:6px;height:calc(100% - 32px);margin-left:32px;margin-top:32px;position:relative;width:calc(100% - 32px)}.topStrip{height:32px;left:0;top:-32px;width:100%}.leftStrip,.topStrip{background:#233342;display:grid;position:absolute}.leftStrip{height:100%;left:-32px;top:0;width:32px}.stage{background:linear-gradient(#ffffff1f 1px,#0000 0),linear-gradient(90deg,#ffffff1f 1px,#0000 0),#1b252d;border:2px solid #233342;height:100%;overflow:hidden;position:relative;width:100%}.stripLabel{color:#ffffffb3;font-family:monospace;font-size:.72rem;font-weight:700}.stripLabel,.videoBox{display:grid;place-items:center}.videoBox{grid-gap:2px;background:#316047d1;border:1px solid #d7f0dd;border-radius:4px;color:#fff;cursor:move;font-size:.7rem;gap:2px;grid-template-rows:auto auto;min-height:22px;min-width:30px;position:absolute}.selectedVideoBox{outline:3px solid #f1d36f;outline-offset:2px}.videoBoxLabel{grid-gap:1px;background:#17191f80;display:grid;font-size:.65rem;gap:1px;justify-items:center;padding:2px 4px}.videoBoxActions{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr 1fr;width:min(120px,calc(100% - 8px))}.videoBoxActions button{background:#17191fbf;border:0;border-radius:3px;color:#fff;font-size:.6rem;min-height:20px;padding:2px 4px}.resizeHandle{background:#fff;border:1px solid #233342;border-radius:3px;height:10px;position:absolute;width:10px}.nw{cursor:nwse-resize;left:-5px}.n,.nw{top:-5px}.n{cursor:ns-resize;left:50%;transform:translateX(-50%)}.ne{cursor:nesw-resize;top:-5px}.e,.ne{right:-5px}.e{cursor:ew-resize;top:50%;transform:translateY(-50%)}.se{cursor:nwse-resize;right:-5px}.s,.se{bottom:-5px}.s{cursor:ns-resize;left:50%;transform:translateX(-50%)}.sw{bottom:-5px;cursor:nesw-resize}.sw,.w{left:-5px}.w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.mediaSidebar{background:#f1f4f9;border-radius:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;width:240px}.mediaExplorerHeader{align-items:center;background:#233342;color:#fff;display:flex;justify-content:space-between;padding:12px 14px}.mediaSearchContainer{background:#233342;padding:8px 14px}.mediaSearchInput{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;padding:8px 12px;width:100%}.mediaTreeContainer{background:#fff;overflow-y:auto}.treeItem{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 12px}.channelSelector,.dimensionInput,.snapToggle{align-items:center;background:#f1f4f9;border:1px solid #d9deea;border-radius:4px;display:flex;font-size:.7rem;font-weight:700;gap:4px;padding:3px 6px}.hiddenFileInput{opacity:0;position:absolute;width:1px}.treeItemWrapper{display:flex;flex-direction:column}.folderItem{color:#233342;font-weight:700}.fileItem{color:#4a5568}.expander{color:#316047;font-weight:700;text-align:center;width:14px}.itemIcon{font-size:1rem}.itemName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playingIndicator{align-items:center;color:#48bb78;display:flex;font-size:.68rem;font-weight:800;gap:4px}.mediaRootPath{color:#ffffffb3;font-size:.72rem;margin:4px 0 0}.refreshButton{background:#0000;border:0;cursor:pointer}.mediaExplorerHeader p{font-size:.9rem;font-weight:700;margin:0}.mediaSearchContainer{position:relative}.clearSearch{background:#0000;border:0;color:#fff;cursor:pointer;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.headerFilename{align-items:center;background:#f1f4f9;border-radius:6px;display:flex;font-size:.86rem;gap:6px;margin-left:4px;padding:6px 12px}.headerFilename span{color:#718096;font-size:.7rem;text-transform:uppercase}.gridDimensionControls{align-items:center;display:flex;gap:8px}.dimensionInput span{color:#718096;font-size:.65rem;text-transform:uppercase}.dimensionInput input{border:1px solid #d9deea;border-radius:4px;padding:2px 4px;width:48px}.channelSelector span{color:#718096;font-size:.65rem;text-transform:uppercase}.channelSelector select{border:1px solid #d9deea;border-radius:4px;padding:2px 4px}.pattern-checks-sm{background-position:0 0,10px 10px;background-size:20px 20px}.pattern-checks-md,.pattern-checks-sm{background-image:repeating-linear-gradient(45deg,currentColor 25%,#0000 0,#0000 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,#0000 0,#0000 75%,currentColor 0,currentColor)}.pattern-checks-md{background-position:0 0,25px 25px;background-size:50px 50px}.pattern-checks-lg{background-position:0 0,50px 50px;background-size:100px 100px}.pattern-checks-lg,.pattern-checks-xl{background-image:repeating-linear-gradient(45deg,currentColor 25%,#0000 0,#0000 75%,currentColor 0,currentColor),repeating-linear-gradient(45deg,currentColor 25%,#0000 0,#0000 75%,currentColor 0,currentColor)}.pattern-checks-xl{background-position:0 0,100px 100px;background-size:200px 200px}.pattern-grid-sm{background-size:10px 10px}.pattern-grid-md,.pattern-grid-sm{background-image:linear-gradient(currentColor 1px,#0000 0),linear-gradient(90deg,currentColor 1px,#0000 0)}.pattern-grid-md{background-size:25px 25px}.pattern-grid-lg{background-size:50px 50px}.pattern-grid-lg,.pattern-grid-xl{background-image:linear-gradient(currentColor 1px,#0000 0),linear-gradient(90deg,currentColor 1px,#0000 0)}.pattern-grid-xl{background-size:100px 100px}.pattern-dots-sm{background-image:radial-gradient(currentColor .5px,#0000 0);background-size:5px 5px}.pattern-dots-md{background-image:radial-gradient(currentColor 1px,#0000 0);background-size:10px 10px}.pattern-dots-lg{background-image:radial-gradient(currentColor 1.5px,#0000 0);background-size:15px 15px}.pattern-dots-xl{background-image:radial-gradient(currentColor 2px,#0000 0);background-size:20px 20px}.pattern-cross-dots-sm{background-image:radial-gradient(currentColor .5px,#0000 0),radial-gradient(currentColor .5px,#0000 0);background-position:0 0,5px 5px;background-size:10px 10px}.pattern-cross-dots-md{background-image:radial-gradient(currentColor 1px,#0000 0),radial-gradient(currentColor 1px,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px}.pattern-cross-dots-lg{background-image:radial-gradient(currentColor 1.5px,#0000 0),radial-gradient(currentColor 1.5px,#0000 0);background-position:0 0,15px 15px;background-size:30px 30px}.pattern-cross-dots-xl{background-image:radial-gradient(currentColor 2px,#0000 0),radial-gradient(currentColor 2px,#0000 0);background-position:0 0,20px 20px;background-size:40px 40px}.pattern-vertical-lines-sm{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:10px 10px}.pattern-horizontal-lines-sm{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:10px 10px}.pattern-diagonal-lines-sm{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,#0000 0,#0000 50%);background-size:10px 10px}.pattern-vertical-lines-md{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:25px 25px}.pattern-horizontal-lines-md{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:25px 25px}.pattern-diagonal-lines-md{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,#0000 0,#0000 50%);background-size:25px 25px}.pattern-vertical-lines-lg{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:50px 50px}.pattern-horizontal-lines-lg{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:50px 50px}.pattern-diagonal-lines-lg{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,#0000 0,#0000 50%);background-size:50px 50px}.pattern-vertical-lines-xl{background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:100px 100px}.pattern-horizontal-lines-xl{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,#0000 0,#0000);background-size:100px 100px}.pattern-diagonal-lines-xl{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 1px,#0000 0,#0000 50%);background-size:100px 100px}.pattern-vertical-stripes-sm{background-image:linear-gradient(90deg,#0000 50%,currentColor 0);background-size:10px 10px}.pattern-horizontal-stripes-sm{background-image:linear-gradient(0deg,#0000 50%,currentColor 0);background-size:10px 10px}.pattern-diagonal-stripes-sm{background:repeating-linear-gradient(45deg,#0000,#0000 10px,currentColor 0,currentColor 20px)}.pattern-vertical-stripes-md{background-image:linear-gradient(90deg,#0000 50%,currentColor 0);background-size:25px 25px}.pattern-horizontal-stripes-md{background-image:linear-gradient(0deg,#0000 50%,currentColor 0);background-size:25px 25px}.pattern-diagonal-stripes-md{background:repeating-linear-gradient(45deg,#0000,#0000 25px,currentColor 0,currentColor 50px)}.pattern-vertical-stripes-lg{background-image:linear-gradient(90deg,#0000 50%,currentColor 0);background-size:50px 50px}.pattern-horizontal-stripes-lg{background-image:linear-gradient(0deg,#0000 50%,currentColor 0);background-size:50px 50px}.pattern-diagonal-stripes-lg{background:repeating-linear-gradient(45deg,#0000,#0000 50px,currentColor 0,currentColor 100px)}.pattern-vertical-stripes-xl{background-image:linear-gradient(90deg,#0000 50%,currentColor 0);background-size:100px 100px}.pattern-horizontal-stripes-xl{background-image:linear-gradient(0deg,#0000 50%,currentColor 0);background-size:100px 100px}.pattern-diagonal-stripes-xl{background:repeating-linear-gradient(45deg,#0000,#0000 100px,currentColor 0,currentColor 200px)}.pattern-zigzag-sm{background:linear-gradient(135deg,currentColor 25%,#0000 0) -10px 0,linear-gradient(225deg,currentColor 25%,#0000 0) -10px 0,linear-gradient(315deg,currentColor 25%,#0000 0),linear-gradient(45deg,currentColor 25%,#0000 0);background-size:20px 20px}.pattern-zigzag-md{background:linear-gradient(135deg,currentColor 25%,#0000 0) -25px 0,linear-gradient(225deg,currentColor 25%,#0000 0) -25px 0,linear-gradient(315deg,currentColor 25%,#0000 0),linear-gradient(45deg,currentColor 25%,#0000 0);background-size:50px 50px}.pattern-zigzag-lg{background:linear-gradient(135deg,currentColor 25%,#0000 0) -50px 0,linear-gradient(225deg,currentColor 25%,#0000 0) -50px 0,linear-gradient(315deg,currentColor 25%,#0000 0),linear-gradient(45deg,currentColor 25%,#0000 0);background-size:100px 100px}.pattern-zigzag-xl{background:linear-gradient(135deg,currentColor 25%,#0000 0) -100px 0,linear-gradient(225deg,currentColor 25%,#0000 0) -100px 0,linear-gradient(315deg,currentColor 25%,#0000 0),linear-gradient(45deg,currentColor 25%,#0000 0);background-size:200px 200px}.pattern-triangles-sm{background-size:10px 10px}.pattern-triangles-md,.pattern-triangles-sm{background-image:linear-gradient(45deg,currentColor 50%,#0000 0)}.pattern-triangles-md{background-size:25px 25px}.pattern-triangles-lg{background-size:50px 50px}.pattern-triangles-lg,.pattern-triangles-xl{background-image:linear-gradient(45deg,currentColor 50%,#0000 0)}.pattern-triangles-xl{background-size:100px 100px}.text-pattern{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.pattern-w-sm{width:10px}.pattern-h-sm{height:10px}.pattern-w-md{width:25px}.pattern-h-md{height:25px}.pattern-w-lg{width:50px}.pattern-h-lg{height:50px}.pattern-w-xl{width:100px}.pattern-h-xl{height:100px}.container{background-color:#464646;height:200px;overflow:hidden;position:relative;width:100%}.news-bar{bottom:50px;display:flex;height:50px;left:0;position:absolute;width:100%}.yellow-box{animation:slide-in 3s ease-in-out infinite;background-color:#ff0;height:100%;width:100px}.blue-bar{animation:slide-in-blue 3s ease-in-out infinite;background-color:blue;flex:1 1;height:100%}.background{background-color:#3e03c9;bottom:0;height:50px;left:0;opacity:.8;overflow:hidden;position:absolute;width:100%}.white-flair{animation:move-flair 2s linear infinite alternate;background:linear-gradient(90deg,#0000,#fff,#0000);height:1000%;position:absolute;width:8px}@keyframes slide-in{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-blue{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes move-flair{0%{transform:translateX(-100%)}to{transform:translateX((1800%))}}.controller-container{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:90vh;justify-content:center;padding:10px}.controller-title{font-size:32px;font-weight:700;margin-bottom:50px;text-align:center}.control-button{border:none;border-radius:16px;box-shadow:0 8px 20px #0000004d;color:#fff;cursor:pointer;font-size:28px;font-weight:700;margin:10px 0;padding:24px;transition:background .3s ease;width:90%}.control-button.start{background-color:#28a745}.control-button.start:hover{background-color:#218838}.control-button.stop{background-color:#dc3545}.control-button.stop:hover{background-color:#c82333}
/*# sourceMappingURL=main.a208bc95.css.map*/