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)}}.games-ai-container{background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #00000080;box-sizing:border-box;color:#f8fafc;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:14px;height:850px;margin:0 auto;max-height:100vh;max-width:100%;overflow:hidden;padding:16px;width:880px}.top-section-row{grid-gap:14px;display:grid;flex-shrink:0;gap:14px;grid-template-columns:280px 1fr;height:320px;max-height:320px}.left-sidebar-col{display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden}.sidebar-panel,.templates-panel{gap:6px;height:50%}.reference-guide-panel,.sidebar-panel,.templates-panel{background:#1e293b;border:1px solid #334155;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:10px}.reference-guide-panel{gap:8px;height:100%}.reference-header-row{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.main-preview-area{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0}.section-header-row{align-items:center;display:flex;flex-shrink:0;gap:6px;justify-content:space-between;margin-bottom:2px}.section-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:0;text-transform:uppercase;white-space:nowrap}.search-input{border:1px solid #475569;border-radius:6px;font-size:12px;padding:7px 10px;width:100%}.search-input,.search-input-inline{background:#0f172a;box-sizing:border-box;color:#fff;outline:none}.search-input-inline{border:1px solid #475569;border-radius:4px;font-size:11px;padding:3px 8px;width:120px}.search-input-inline:focus,.search-input:focus{border-color:#38bdf8}.sports-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding-right:4px}.sport-item{align-items:center;background:#0f172a;border:1px solid #334155;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:6px 10px;transition:all .2s ease}.sport-item:hover{background:#334155;border-color:#64748b}.sport-item.active{background:linear-gradient(135deg,#0284c7,#4f46e5);border-color:#38bdf8;color:#fff}.sport-code-badge{background:#0000004d;border-radius:4px;flex-shrink:0;font-size:10px;font-weight:800;padding:2px 6px}.template-types-grid{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding-right:4px}.template-type-btn{align-items:center;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:7px 10px;text-align:left;transition:all .2s ease}.template-type-btn:hover{background:#334155}.template-type-btn.active{background:linear-gradient(135deg,#0284c7,#4f46e5);border-color:#38bdf8;color:#fff}.ai-controls-box{background:#1e293b;border:1px solid #334155;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:12px}.prompt-bar{display:flex;gap:8px}.prompt-input{background:#0f172a;border:1px solid #475569;border-radius:6px;color:#fff;flex:1 1;font-size:13px;outline:none;padding:8px 12px}.prompt-input:focus{border-color:#38bdf8}.generate-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:0 16px;transition:opacity .2s ease;white-space:nowrap}.generate-btn:hover{opacity:.9}.generate-btn:disabled{cursor:not-allowed;opacity:.5}.field-inputs-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.field-input-group{display:flex;flex-direction:column;gap:3px}.field-input-group label{color:#94a3b8;font-size:10px;font-weight:700;text-transform:uppercase}.field-input-group input{background:#0f172a;border:1px solid #334155;border-radius:4px;color:#fff;font-size:12px;outline:none;padding:5px 8px}.preview-frame-container{align-self:center;aspect-ratio:16/9;background-color:#1e293ba6;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 0),linear-gradient(-45deg,#ffffff14 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff14 0),linear-gradient(-45deg,#0000 75%,#ffffff14 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:2px solid #334155;border-radius:10px;box-shadow:0 8px 24px #000c;flex:1 1;max-width:100%;min-height:0;overflow:hidden;position:relative;width:auto}.preview-res-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ae0;border:1px solid #38bdf866;border-radius:4px;color:#38bdf8;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:10}.preview-iframe{background:repeating-conic-gradient(#1e293b 0 25%,#0f172a 0 50%) 50% /20px 20px}.playout-actions-bar{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:10px;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:10px 12px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:800;gap:6px;padding:8px 14px;transition:transform .1s ease}.action-btn:active{transform:scale(.97)}.btn-play{background:#16a34a;color:#fff}.btn-update{background:#0284c7;color:#fff}.btn-stop{background:#dc2626;color:#fff}.btn-add{background:#4f46e5;color:#fff}.preview-controls-header{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:8px 12px}.preview-mode-tabs{display:flex;gap:6px}.preview-mode-tab{background:#0f172a;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:700;padding:5px 12px;transition:all .2s ease}.preview-mode-tab:hover{background:#334155;color:#e2e8f0}.preview-mode-tab.active{background:linear-gradient(135deg,#0284c7,#2563eb);border-color:#38bdf8;box-shadow:0 2px 8px #0284c766;color:#fff}.variations-pills{align-items:center;display:flex;gap:6px}.variation-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.variation-pill{background:#0f172a;border:1px solid #334155;border-radius:4px;color:#cbd5e1;cursor:pointer;font-size:10px;font-weight:700;padding:3px 8px;transition:all .2s ease}.variation-pill:hover{background:#334155;border-color:#475569}.variation-pill.active{background:#f59e0b;border-color:#fbbf24;box-shadow:0 2px 6px #f59e0b66;color:#000;font-weight:800}.reference-image-wrapper{align-items:center;background:#0f172a;border:1px solid #334155;border-radius:6px;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;width:100%}.reference-preview-image{border-radius:4px;box-shadow:0 4px 20px #00000080;max-height:100%;max-width:100%;object-fit:contain}.no-reference-msg{color:#64748b;font-size:12px;font-style:italic;font-weight:600}.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%}.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.d2dc9a78.css.map*/