@font-face{font-family:Jost;src:url(../font/Jost[wght].ttf) format("truetype");font-weight:100 900}@font-face{font-family:Jost;src:url(../font/Jost-Italic[wght].ttf) format("truetype");font-weight:100 900;font-style:italic}@font-face{font-family:Martian Mono;src:url(../font/MartianMono[wdth,wght].ttf) format("truetype");font-weight:100 800}:root{font-family:Jost,sans-serif;font-size:16px;font-weight:400;width:100%;color:#dfe0e1;background-color:#030712;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,html,body{height:100%;margin:0;padding:0}h1{font-weight:600}h2{font-size:26px;font-weight:500}h3{font-size:22px;font-weight:500}hr{border:none;border-top:2px solid #282a30}#indicator-red,#zeroByte,#failed,#halted{color:#de4a4a}#indicator-green,#completed{color:#4ade80}#indicator-blue,#inprogress{color:#4a8fde}#indicator-yellow,#incomplete,#cancelled,#status-timeout{color:#decd4a}#indicator-purple{color:#9b4ade}#queued{color:#969696}.selection-divider{background-color:#282a30;width:2px}.Toastify__toast.trl-toast{background:#282a30;color:#dfe0e1;font-family:Jost,sans-serif;font-size:18px;border:none;border-radius:0}.Toastify__toast.trl-toast.info{border-left:3px solid #4a8fde}.Toastify__toast.trl-toast.success{border-left:3px solid #4ade80}.Toastify__toast.trl-toast.warning{border-left:3px solid #decd4a}.Toastify__toast.trl-toast.error{border-left:3px solid #de4a4a}.Toastify__toast.trl-toast .Toastify__close-button{color:#dfe0e1}.Toastify__toast.trl-toast a{text-decoration:underline;font-weight:500;color:#969696;transition:filter .2s ease}.Toastify__toast.trl-toast a:hover{filter:brightness(1.2)}.page-loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#030712b3;backdrop-filter:blur(2px)}*{margin:0;padding:0;border:0}._inputContainer_dba3t_1,._selectContainer_dba3t_2{display:flex;flex-direction:column;gap:6px;width:100%}._inputContainer_dba3t_1 input,._inputContainer_dba3t_1 select,._selectContainer_dba3t_2 input,._selectContainer_dba3t_2 select{background-color:#282a30;border:1px solid #969696;box-sizing:border-box;color:#dfe0e1;padding:0 10px;font-family:Jost,sans-serif;font-size:16px;height:45px;transition:filter .2s ease}._inputContainer_dba3t_1 input::placeholder,._inputContainer_dba3t_1 select::placeholder,._selectContainer_dba3t_2 input::placeholder,._selectContainer_dba3t_2 select::placeholder{color:#969696;font-family:Jost,sans-serif}._inputContainer_dba3t_1 input:hover,._inputContainer_dba3t_1 input:focus,._inputContainer_dba3t_1 select:hover,._inputContainer_dba3t_1 select:focus,._selectContainer_dba3t_2 input:hover,._selectContainer_dba3t_2 input:focus,._selectContainer_dba3t_2 select:hover,._selectContainer_dba3t_2 select:focus{filter:brightness(1.2)}._inputContainer_dba3t_1 input:disabled,._inputContainer_dba3t_1 select:disabled,._selectContainer_dba3t_2 input:disabled,._selectContainer_dba3t_2 select:disabled{cursor:not-allowed;filter:brightness(.7)}._inputContainer_dba3t_1 select,._selectContainer_dba3t_2 select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='gray' viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem}._inputContainer_dba3t_1 label,._selectContainer_dba3t_2 label{color:#969696;font-size:16px}._inputContainer_dba3t_1 span,._selectContainer_dba3t_2 span{color:#969696;font-size:14px}._fileInputContainer_dba3t_66{display:flex;flex-direction:column;gap:6px;width:100%}._fileInputContainer_dba3t_66 ._fileInputLabel_dba3t_72{background-color:#282a30;color:#dfe0e1;border:1px solid #969696;padding:0 10px;font-family:Jost,sans-serif;font-size:16px;height:45px;transition:filter .2s ease;display:flex;align-items:center;cursor:pointer}._fileInputContainer_dba3t_66 ._fileInputLabel_dba3t_72:hover,._fileInputContainer_dba3t_66 ._fileInputLabel_dba3t_72:focus{filter:brightness(1.2)}._fileInputContainer_dba3t_66 ._fileInputLabel_dba3t_72:disabled{cursor:not-allowed;filter:brightness(.7)}._fileInputLabel_dba3t_72~input[type=file]{display:none}._checkboxContainer_dba3t_97{display:block;position:relative;cursor:pointer;font-family:Jost,sans-serif;font-size:16px;user-select:none;padding-left:45px;line-height:32px}._checkboxContainer_dba3t_97 input{position:absolute;opacity:0;height:0;width:0}._checkboxContainer_dba3t_97 ._checkmark_dba3t_113{position:absolute;top:0;left:0;height:30px;width:30px;background-color:#282a30;border:1px solid #969696;transition:filter .2s ease;transform:translateZ(0)}._checkboxContainer_dba3t_97 ._checkmark_dba3t_113:after{content:"";position:absolute;opacity:0}._checkboxContainer_dba3t_97 input:checked~._checkmark_dba3t_113:after{opacity:1}._checkboxContainer_dba3t_97 input:not(:disabled):hover~._checkmark_dba3t_113{filter:brightness(1.2)}._checkboxContainer_dba3t_97 ._checkmark_dba3t_113:after{left:11px;top:6px;width:5px;height:13px;border:solid #dfe0e1;border-width:0 3px 3px 0;opacity:0;transition:opacity .1s ease;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}._checkboxContainer_dba3t_97 label{padding-left:40px;color:#969696;font-size:16px}._checkboxContainer_dba3t_97 ._labelContainer_dba3t_153{background-color:#7f1d1d;display:flex;flex-direction:column;justify-content:center}._checkboxHint_dba3t_160{color:#969696;font-size:14px;margin-top:8px;font-style:italic}._hint_dba3t_167{font-style:italic}._checkboxContainer_dba3t_97:has(input:disabled){cursor:not-allowed;filter:brightness(.7)}._button_5eyco_1{font-family:Jost,sans-serif;font-size:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background-color:#282a30;color:#dfe0e1;cursor:pointer;transition:filter .2s ease;line-height:1;box-sizing:border-box;position:relative;filter:brightness(1);will-change:filter}._button_5eyco_1:hover{filter:brightness(1.2)}._button_5eyco_1:disabled{filter:brightness(.7);cursor:not-allowed}._button_5eyco_1 svg{width:auto;height:18px}._button--transparent_5eyco_31{background-color:transparent}._button--blue_5eyco_34{background-color:#005493}._button--red_5eyco_37{background-color:#930000}._button--amber_5eyco_40{background-color:#a15803}._button--green_5eyco_43{background-color:#369300}._button--outline_5eyco_46{background-color:transparent;border:1px solid #dfe0e1;color:#dfe0e1}._button--outline-dark_5eyco_51{background-color:transparent;border:1px solid #969696;color:#969696}._button--small_5eyco_56{padding:10px;font-size:16px;font-weight:500}._button--square_5eyco_61{padding:0;width:46px;height:46px;aspect-ratio:1/1}._button--square_5eyco_61._button--small_5eyco_56{width:38px;height:38px}@keyframes _icon-spin_5eyco_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._button--spin_5eyco_79 svg{animation:_icon-spin_5eyco_1 1.5s linear infinite}._button_5eyco_1 ._indicator_5eyco_82{position:absolute;background-color:#de4a4a;right:-6px;top:-6px;width:12px;height:12px;border-radius:100%}@keyframes _backdropFade_9ivd0_1{0%{backdrop-filter:blur(0);background-color:#0000}to{backdrop-filter:blur(1px);background-color:#0006}}@keyframes _containerIn_9ivd0_1{0%{margin-top:-50vh;opacity:0}to{margin-top:10vh;opacity:1}}._backdrop_9ivd0_21{width:100%;height:100%;position:fixed;top:0;left:0;z-index:200;background-color:#0006;backdrop-filter:blur(1px);animation:_backdropFade_9ivd0_1 .4s ease forwards}._container_9ivd0_33{width:30%;min-width:100px;background-color:#030712;border:2px solid #282a30;z-index:201;margin:10vh auto;animation:_containerIn_9ivd0_1 .4s ease forwards;display:flex;flex-direction:column;gap:20px;justify-content:space-between;padding:20px;font-size:22px}._container_9ivd0_33 ._actions_9ivd0_48{display:flex;gap:10px}._dataField_1sfsg_1{display:flex;flex-direction:column;gap:6px;width:100%}._dataField_1sfsg_1 ._dataValue_1sfsg_7{background-color:#282a301a;border:1px solid #282a30;color:#dfe0e1;padding:0 10px;display:flex;align-items:center;font-size:16px;white-space:nowrap}._dataField_1sfsg_1 ._dataValue--blue_1sfsg_17{color:#4a8fde}._dataField_1sfsg_1 ._dataValue--green_1sfsg_20{color:#4ade80}._dataField_1sfsg_1 ._dataValue--red_1sfsg_23{color:#de4a4a}._dataField_1sfsg_1 ._dataValue--yellow_1sfsg_26{color:#decd4a}._dataField_1sfsg_1 ._valueFixed_1sfsg_29{height:45px}._dataField_1sfsg_1 ._valueFit_1sfsg_32{padding:10px;display:block}._dataField_1sfsg_1 ._dataLabel_1sfsg_36{color:#969696;font-size:16px}@keyframes _popoverIn_zxdcw_1{0%{margin-top:-20px;opacity:0}to{margin-top:0;opacity:1}}._popover_zxdcw_11{position:relative;display:inline-block}._panel_zxdcw_16{position:fixed;box-shadow:0 4px 6px #0003;padding:20px;background:#030712;border:2px solid #282a30;z-index:1000;animation:_popoverIn_zxdcw_1 .2s ease forwards}@keyframes _tooltipIn_mghui_1{0%{opacity:0}to{opacity:1}}._wrapper_mghui_9{display:contents}._content_mghui_13{position:fixed;padding:6px 10px;background:#030712;border:2px solid #282a30;box-shadow:0 4px 6px #0003;color:#dfe0e1;font-family:Jost,sans-serif;font-size:16px;max-width:600px;white-space:normal;overflow-wrap:anywhere;z-index:999;pointer-events:none;animation:_tooltipIn_mghui_1 .2s ease forwards}._otpContainer_1kgzp_1{display:flex;gap:10px;align-items:center}._otpDigit_1kgzp_7{width:48px;height:56px;text-align:center;font-size:24px;font-family:Martian Mono,monospace;background-color:#16181f;border:1px solid #282a30;border-radius:0;color:#dfe0e1;caret-color:#dfe0e1;outline:none;transition:border-color .15s ease}._otpDigit_1kgzp_7:focus{border-color:#dfe0e1}._radioList_1aqr6_1{display:flex;flex-direction:column;gap:10px}._radioItem_1aqr6_7{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:Jost,sans-serif;font-size:18px;user-select:none;color:#dfe0e1}._radioItem_1aqr6_7 input{position:absolute;opacity:0;height:0;width:0}._radioItem_1aqr6_7 ._radioCircle_1aqr6_23{flex-shrink:0;position:relative;height:18px;width:18px;background-color:#282a30;border:1px solid #969696;border-radius:50%;transition:filter .2s ease}._radioItem_1aqr6_7 ._radioCircle_1aqr6_23:after{content:"";position:absolute;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#dfe0e1;transition:opacity .1s ease}._radioItem_1aqr6_7 input:checked~._radioCircle_1aqr6_23:after{opacity:1}._radioItem_1aqr6_7 input:not(:disabled):hover~._radioCircle_1aqr6_23{filter:brightness(1.2)}._radioItem_1aqr6_7:has(input:disabled){cursor:not-allowed;filter:brightness(.7)}._spinner_6rq5v_1{color:#969696;width:100%;height:100%;display:grid;place-items:center}._spinner_6rq5v_1 svg{width:auto;height:30px}.cloud-status{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#969696;user-select:none}.cloud-status.online{color:#4ade80}.cloud-status.connecting{color:#decd4a}.cloud-status.offline{color:#de4a4a}.settings-pane input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #282a30 inset;-webkit-text-fill-color:#dfe0e1;transition:background-color 5000s ease-in-out 0s}.error-container{padding-top:65px;width:100%}.error-container .error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;margin:20px}.error-container .error-boundary p{margin-top:10px;font-size:18px}.error-container .error-boundary img{width:auto;height:180px;margin-bottom:20px}.query-message{font-size:14px;font-family:Martian Mono,monospace;text-align:center;margin:30px 10px 10px;color:#969696}.query-error-message{font-size:14px;font-family:Martian Mono,monospace;color:#de4a4a;text-align:center;margin:30px 10px 10px;line-height:1.5}.layout-nav{display:flex;align-items:center;padding:8px 20px;position:fixed;background-color:#16181f;filter:drop-shadow(0 5px 2px rgba(0,0,0,.2));z-index:80;left:0;right:0}.layout-nav img{height:25px;user-select:none}.layout-nav .nav-product{color:#fff;font-weight:600;font-size:33px;margin:0 30px 0 18px;user-select:none}.layout-nav .nav-buttons{display:flex;gap:8px}.layout-nav .navlink{background-color:transparent;color:#dfe0e1;text-decoration:none;font-size:18px;font-weight:500;padding:6px 18px;transition:background-color .2s ease}.layout-nav .navlink.active,.layout-nav .navlink:hover{background-color:#005493}.layout-nav .nav-status{color:#4ade80;margin-left:auto;font-size:18px;font-weight:600;display:flex;align-items:center;position:relative;user-select:none}.layout-nav .nav-status.offline{color:#de4a4a}.layout-nav .nav-status .devtools,.layout-nav .nav-status .cloud{color:#969696;margin-right:20px}.layout-nav .nav-status .cloud.online{color:#4ade80}.layout-nav .nav-status .cloud.connecting{color:#decd4a}.layout-nav .nav-status .cloud.offline{color:#de4a4a}.layout-nav .nav-status svg{z-index:2;margin-right:10px}.layout-nav .nav-status .ping-ring{border:2px solid currentColor;fill:#4ade80;opacity:.6;transform-origin:center;animation:ping-ring 2.5s infinite ease-out}.layout-nav .nav-status .nav-user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;margin-left:20px;padding:6px 12px;border-left:1px solid rgba(255,255,255,.12);background:none;border-top:none;border-right:none;border-bottom:none;cursor:pointer;font-family:Jost,sans-serif;transition:background-color .15s ease}.layout-nav .nav-status .nav-user:hover{background-color:#ffffff12}.layout-nav .nav-status .nav-user .nav-user-email{font-size:16px;font-weight:500;color:#dfe0e1}.layout-nav .nav-status .nav-user .nav-user-role{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-family:Martian Mono,monospace}.layout-nav .nav-status .nav-user .nav-user-role--operator{color:#4a8fde}.layout-nav .nav-status .nav-user .nav-user-role--admin{color:#decd4a}.layout-nav .nav-status .nav-user .nav-user-role--sysadmin{color:#4ade80}.nav-user-popover{padding:8px}.logout-btn{white-space:nowrap}.logout-btn svg{margin-right:0}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#030712}.login-card{z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;border:1px solid #282a30;background-color:#16181f}.login-logo{width:100px;height:auto}.login-title{font-size:33px;font-weight:600;color:#dfe0e1;letter-spacing:1px}.login-form{display:flex;flex-direction:column;gap:16px;width:280px}.login-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #282a30 inset;-webkit-text-fill-color:#dfe0e1;transition:background-color 5000s ease-in-out 0s}.login-form button{margin-top:10px;width:100%}.login-form .auth-error-message{font-size:12px;font-family:Martian Mono,monospace;color:#de4a4a;text-align:center;margin-top:10px;line-height:1.5}.login-info{font-size:16px;color:#969696;text-align:center;margin:0}.viplink-status{display:flex;flex-direction:row;align-items:center;gap:10px}.viplink-status-text{font-size:14px;font-family:Martian Mono,monospace;color:#de4a4a;margin:0;line-height:1.5}.dashboard-page{height:calc(100vh - 64px);padding-top:64px}.dashboard-page .dashboard-content{padding:10px;height:calc(100vh - 84px);flex:1 1 auto}.dashboard-page .dashboard-content .dashboard-header{display:flex;align-items:center;margin-bottom:10px;width:100%;gap:10px}.dashboard-page .dashboard-content .dashboard-header .dashboard-header-side{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px}.dashboard-page .dashboard-content .dashboard-header .dashboard-header-center{flex:0 1 auto;display:flex;justify-content:center}.dashboard-page .dashboard-content .dashboard-header .dashboard-header-right{justify-content:flex-end}.dashboard-page .dashboard-content .stream-containers-wrapper{position:relative;height:calc(100% - 48px);background-color:#030712}.dashboard-page .dashboard-content .stream-containers-wrapper .fullscreen-clock{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;display:flex;gap:10px;align-items:stretch}.dashboard-page .dashboard-content .stream-containers-wrapper .fullscreen-clock .logo-box{padding:0 12px;border:1px solid rgba(223,224,225,.2);background:#030712;display:flex;align-items:center}.dashboard-page .dashboard-content .stream-containers-wrapper .fullscreen-clock .logo-box img{height:20px;width:auto;display:block}.dashboard-page .dashboard-content .stream-containers-wrapper .fullscreen-clock>*{pointer-events:auto}.dashboard-page .dashboard-content .stream-containers-wrapper .fullscreen-exit{position:absolute;top:10px;right:10px;z-index:20;opacity:0;transition:opacity .3s ease}.dashboard-page .dashboard-content .stream-containers-wrapper:hover .fullscreen-exit{opacity:1}.dashboard-page .dashboard-content .stream-containers-wrapper.cursor-idle{cursor:none}.dashboard-page .dashboard-content .stream-containers-wrapper.cursor-idle .fullscreen-exit{opacity:0;pointer-events:none}.dashboard-page .dashboard-content .stream-containers-wrapper:fullscreen{height:100%}.dashboard-page .dashboard-content .stream-containers{display:grid;height:100%;border:1px solid #282a30}.dashboard-page .dashboard-content .stream-containers .stream-container{border:1px solid #282a30;position:relative}.dashboard-page .dashboard-content .stream-containers .stream-container.no-stream{display:grid;place-items:center;color:#282a30;transition:color .2s ease}.dashboard-page .dashboard-content .stream-containers .stream-container.no-stream svg{width:auto;height:40px}.dashboard-page .dashboard-content .stream-containers .stream-container.no-stream:hover{color:#969696}.dashboard-page .dashboard-content .stream-containers .stream-container .drag-handle{height:100%}.dashboard-page .dashboard-content .stream-containers .stream-container.edit-mode.no-stream{cursor:pointer}.dashboard-page .dashboard-content .stream-containers .stream-container.edit-mode .drag-handle{cursor:grab}.dashboard-page .dashboard-content .stream-containers .stream-container.edit-mode .drag-handle *{pointer-events:none}.dashboard-page .dashboard-content .stream-containers .stream-container.is-over{border:2px solid #969696}.dashboard-page .dashboard-content .stream-containers .stream-container.is-dragging{opacity:.3;pointer-events:none}.dashboard-page .dashboard-content .stream-containers .stream-container.cursor-idle{cursor:none}.dashboard-page .dashboard-content .stream-containers .stream-container.cursor-idle .container-actions{opacity:0!important;pointer-events:none!important}.dashboard-page .dashboard-content .stream-containers .stream-container .container-actions{position:absolute;padding:10px;top:0;left:0;right:0;box-sizing:border-box;opacity:0;pointer-events:none;display:flex;align-items:center;gap:10px;transition:opacity .2s ease;background:linear-gradient(to bottom,#000000b3,#0000)}.dashboard-page .dashboard-content .stream-containers .stream-container .container-actions h3{min-width:0;flex:1 1 auto}.dashboard-page .dashboard-content .stream-containers .stream-container .container-actions h3 a{display:block;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-page .dashboard-content .stream-containers .stream-container .container-actions h3 a:hover{text-decoration:underline}.dashboard-page .dashboard-content .stream-containers .stream-container:hover .container-actions{opacity:1;pointer-events:auto}.dashboard-page .dashboard-content .stream-containers .stream-container .container-remove{position:absolute;top:10px;right:10px;z-index:10}.dashboard-page .dashboard-content .stream-containers .stream-container .container-actions.has-remove{padding-right:58px}.dashboard-page .dashboard-content .stream-containers .stream-container .connection-warning{font-family:Martian Mono,monospace;font-size:14px;background-color:#000c;backdrop-filter:blur(2px);position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;user-select:none;pointer-events:none}.dashboard-page .dashboard-content .stream-containers .stream-container .connection-warning svg{width:auto;height:50px}.dashboard-page .dashboard-content .stream-containers .stream-container .connection-warning{color:#decd4a}.dashboard-page .dashboard-content .stream-containers.vertical-layout{display:flex;flex-direction:column}.dashboard-page .dashboard-content .stream-containers.vertical-layout .main-container{width:100%;height:70%}.dashboard-page .dashboard-content .stream-containers.vertical-layout .small-containers{display:flex;height:30%}.dashboard-page .dashboard-content .stream-containers.vertical-layout .small-containers .stream-container{width:100%}.dashboard-page .dashboard-content .stream-containers.horizontal-layout{display:flex;flex-direction:row}.dashboard-page .dashboard-content .stream-containers.horizontal-layout .main-container{width:70%;height:100%}.dashboard-page .dashboard-content .stream-containers.horizontal-layout .small-containers{display:flex;flex-direction:column;width:30%}.dashboard-page .dashboard-content .stream-containers.horizontal-layout .small-containers .stream-container{height:100%}.dashboard-page .dashboard-content .stream-containers.dual-top-layout{display:flex;flex-direction:column}.dashboard-page .dashboard-content .stream-containers.dual-top-layout .main-containers{display:flex;height:70%}.dashboard-page .dashboard-content .stream-containers.dual-top-layout .main-containers .stream-container{width:100%}.dashboard-page .dashboard-content .stream-containers.dual-top-layout .small-containers{display:flex;height:30%}.dashboard-page .dashboard-content .stream-containers.dual-top-layout .small-containers .stream-container{width:100%}@media(max-width:1100px){.dashboard-page .dashboard-content .dashboard-header{flex-wrap:wrap}.dashboard-page .dashboard-content .dashboard-header .dashboard-header-left,.dashboard-page .dashboard-content .dashboard-header .dashboard-header-right{flex:1 1 auto}.dashboard-page .dashboard-content .dashboard-header .dashboard-header-center{order:3;flex:1 1 100%}}.dashboard-page .drag-overlay{cursor:grabbing}.dashboard-page .drag-overlay-cell{border:2px solid #969696;box-sizing:border-box;pointer-events:none;width:80px;height:80px;border-radius:0;background:#000000eb;box-shadow:0 10px 24px #00000059;display:grid;place-items:center}.dashboard-page .drag-overlay-cell svg{width:auto;height:24px;color:#dfe0e1}.dashboard-page .drag-overlay-cell img{display:block;width:auto}.layout-popover p{color:#969696;margin-top:0;margin-bottom:10px}.layout-popover .layout-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-wrap:nowrap;flex-wrap:wrap}.layout-popover .checkbox{margin-bottom:20px}.layout-popover .layout-button{cursor:pointer;transition:filter .2s ease;display:grid;gap:2px;background:#969696;border:2px solid #969696;height:40px;aspect-ratio:16/9}.layout-popover .layout-button div{background-color:#030712}.layout-popover .layout-button:hover{filter:brightness(1.2)}.layout-popover .layout-button.selected{border-color:#dfe0e1;background-color:#dfe0e1}.layout-popover .layout-button.selected .small-containers,.layout-popover .layout-button.selected .main-containers{background-color:#dfe0e1}.layout-popover .vertical-layout{display:flex;flex-direction:column}.layout-popover .vertical-layout .main-container{background-color:#030712;width:100%;height:70%}.layout-popover .vertical-layout .small-containers{display:flex;gap:2px;height:30%;background-color:#969696}.layout-popover .vertical-layout .small-containers div{width:100%}.layout-popover .horizontal-layout{display:flex;flex-direction:row}.layout-popover .horizontal-layout .main-container{background-color:#030712;width:70%;height:100%}.layout-popover .horizontal-layout .small-containers{display:flex;flex-direction:column;gap:2px;width:30%;background-color:#969696}.layout-popover .horizontal-layout .small-containers div{height:100%}.layout-popover .dual-top-layout{display:flex;flex-direction:column}.layout-popover .dual-top-layout .main-containers{display:flex;gap:2px;height:70%;background-color:#969696}.layout-popover .dual-top-layout .main-containers div{width:100%;background-color:#030712}.layout-popover .dual-top-layout .small-containers{display:flex;gap:2px;height:30%;background-color:#969696}.layout-popover .dual-top-layout .small-containers div{width:100%}.system-page{padding-top:64px}.system-page .system-nav{width:46px;height:100%;padding:10px;background-color:#16181f;position:fixed;display:flex;flex-direction:column;gap:10px;text-wrap:nowrap}.system-page .system-nav .navlink{background-color:transparent;color:#dfe0e1;text-decoration:none;font-size:18px;font-weight:500;transition:background-color .2s ease;height:46px;display:grid;place-items:center}.system-page .system-nav .navlink.active,.system-page .system-nav .navlink:hover{background-color:#005493}.system-page .system-content{margin-left:66px;padding:0 30px 30px;display:flex}.system-header{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.manage-page{padding-top:64px}.manage-page .manage-nav{width:46px;height:100%;padding:10px;background-color:#16181f;position:fixed;display:flex;flex-direction:column;gap:10px;text-wrap:nowrap}.manage-page .manage-nav .navlink{background-color:transparent;color:#dfe0e1;text-decoration:none;font-size:18px;font-weight:500;transition:background-color .2s ease;height:46px;display:grid;place-items:center}.manage-page .manage-nav .navlink.active,.manage-page .manage-nav .navlink:hover{background-color:#005493}.manage-page .manage-content{margin-left:66px;display:flex}.manage-header{display:flex;justify-content:space-between;width:100%}.manage-header .manage-buttons{display:flex;gap:10px}.manage-header h1 span{color:#969696;font-weight:500}.layout-buttons div,.thumbnail-size-buttons div{display:flex;gap:10px}.users-page{width:100%;display:flex;flex-direction:column;height:calc(100vh - 94px);overflow:hidden}.users-page .manage-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:30px 0 0}.users-page .manage-header h1 span{color:#969696;font-weight:500}.users-page .manage-header .manage-buttons{display:flex;gap:10px}.users-page .users-table-container{flex:1;overflow-y:auto;margin-top:20px}.users-page .users-table{width:100%;border-collapse:separate;border-spacing:0}.users-page .users-table tr{height:60px}.users-page .users-table th,.users-page .users-table td{border:none;border-top:1px solid #282a30;padding:0 16px;font-size:18px}.users-page .users-table thead th{background-color:#282a30;position:sticky;top:0;font-weight:600;text-align:left;z-index:3}.users-page .users-table tbody tr{transition:background-color .2s ease}.users-page .users-table tbody tr.current-user-row{background-color:#1b1b1f}.users-page .users-table tbody td{text-align:left;vertical-align:middle}.users-page .users-table .date-col{color:#969696;white-space:nowrap}.users-page .users-table .actions-col{display:flex;align-items:center;gap:8px;height:60px}.users-page .users-table .role-badge-trigger{cursor:pointer}.users-page .users-table .role-badge-trigger .role-badge-chevron{font-size:10px;opacity:.7}.users-page .add-user-form{display:flex;flex-direction:column;gap:16px;padding:20px;min-width:unset}.users-page .add-user-form .add-user-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.users-page .temp-password-modal{display:flex;flex-direction:column;gap:16px;padding:20px;min-width:unset}.users-page .temp-password-modal p{color:#969696}.users-page .temp-password-modal button{align-self:flex-end}.users-page .copy-box{display:flex;align-items:center;gap:10px;background-color:#282a30;padding:6px 10px}.users-page .copy-box svg{color:#969696}.users-page .copy-box code{flex:1;font-family:Martian Mono,monospace;font-size:14px;letter-spacing:.5px;color:#dfe0e1;word-break:break-all}.modal-narrow{width:420px!important;min-width:unset!important}.role-popover-options{display:flex;flex-direction:column;gap:10px;min-width:120px}.system-stats-main{width:100%;height:calc(100vh - 126px);padding-top:30px;display:flex;flex-direction:column}.system-stats-main .query-error-message{font-size:14px;font-family:Martian Mono,monospace;color:#de4a4a;margin:0 0 10px;padding:10px 0;text-align:left}.system-stats-main .filters{display:flex;align-items:end;gap:10px;margin-bottom:20px}.system-stats-main .filters .option{width:280px}.system-stats-main .historical-charts{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.system-stats-main .chart-container{flex:1;width:100%;position:relative}.system-stats-main .chart-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;border:2px solid #282a30;padding:10px;position:relative}.system-stats-main .chart-wrapper h4{font-size:16px;font-weight:500;color:#969696;margin-bottom:10px}.system-stats-main .chart-loading-overlay{position:absolute;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.system-stats-main .netchar-charts{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.system-stats-main .netchar-charts .row{display:flex;gap:10px;flex:1;min-height:0}.system-stats-main .netchar-charts .chart-container{flex:1;position:relative}.refresh-interval-picker{width:100px}.system-settings-main{width:100%}.system-settings-main .settings-header{position:sticky;top:64px;background-color:#030712;z-index:2;padding-top:30px;border-bottom:2px solid #282a30;margin-bottom:10px;box-shadow:0 6px 6px #0003}.system-settings-main .settings-header .setting-options{display:flex;gap:10px}.system-settings-main .settings-header .setting-options button{width:100%;text-wrap:nowrap;margin-bottom:20px}.system-settings-main .settings-pane{box-sizing:border-box;display:flex;align-items:baseline;flex-direction:column;gap:20px;width:100%}.system-settings-main .settings-pane input,.system-settings-main .settings-pane select{max-width:500px}.system-settings-main .settings-pane hr{width:100%;margin:10px 0}.system-settings-main h3{font-size:26px;margin-top:10px;font-weight:500}.system-settings-main h4{font-size:20px;margin-top:10px;font-weight:500}.system-settings-main .section-info{color:#969696;font-size:18px}.system-settings-main .import{width:600px;display:flex;gap:20px}.events-main{width:100%;display:flex;flex-direction:column;height:calc(100vh - 94px);overflow:hidden}.events-main .manage-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:30px 0 0}.events-main .manage-header h1 span{color:#969696;font-weight:500}.events-main .manage-header .manage-buttons{display:flex;gap:10px}.events-main .query-error-message{color:#de4a4a;padding:10px 0}.events-main .query-message{color:#969696;padding:20px 0;text-align:center}.events-main .events-table-container{flex:1;overflow-y:auto;margin-top:20px}.events-main .events-table{width:100%;border-collapse:separate;border-spacing:0;font-size:18px}.events-main .events-table tr{height:60px}.events-main .events-table th,.events-main .events-table td{border:none;border-top:1px solid #282a30;padding:12px 16px}.events-main .events-table thead th{background-color:#282a30;position:sticky;top:0;font-weight:600;text-align:left;z-index:3}.events-main .events-table tbody tr{transition:background-color .2s ease}.events-main .events-table tbody td{text-align:left;vertical-align:middle}.events-main .events-table .mono{font-family:Martian Mono,monospace;font-size:14px}.events-main .events-table .timestamp-col{white-space:nowrap;width:220px}.events-main .events-table .ip-col{white-space:nowrap;width:140px}.events-main .events-table .ip-col:not(th){color:#969696}.events-main .events-table .user-col{white-space:nowrap;width:180px}.events-main .events-table .user-col .event-user{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.events-main .events-table .user-col .event-user-email{font-weight:500}.events-main .events-table .user-col .event-user-role{font-family:Martian Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.events-main .events-table .user-col .event-user-role--viewer{color:#969696}.events-main .events-table .user-col .event-user-role--operator{color:#4a8fde}.events-main .events-table .user-col .event-user-role--admin{color:#decd4a}.events-main .events-table .user-col .event-user-role--sysadmin{color:#4ade80}.events-main .events-table .user-col .source-system{color:#969696;font-style:italic}.events-main .events-table .category-col{white-space:nowrap;width:120px}.events-main .events-table .subcategory-col{white-space:nowrap;width:180px}.events-main .events-table .detail-col{overflow:hidden}.events-main .events-table .detail-summary{display:block;white-space:normal;overflow-wrap:anywhere;color:#969696;line-height:1.8}.events-main .events-table .detail-summary strong{font-weight:400;background-color:#282a30;color:#dfe0e1;padding:4px 10px;font-size:14px;font-family:Martian Mono,monospace}.events-main .events-table .detail-empty{color:#969696}.events-main .events-table .subcategory-text{white-space:nowrap}.system-developer-main{width:100%;padding-top:30px}.system-developer-main .section{margin-bottom:40px}.system-developer-main .section .row{display:flex;gap:20px}.system-developer-main .section a{text-decoration:none}.system-developer-main .section p{color:#969696;font-size:18px;margin-bottom:14px}.system-developer-main .section .update{max-width:600px;display:flex;gap:20px}.decoders-page{width:100%;padding-top:30px}.decoders-page h1 span{color:#969696;font-weight:500}.decoders-page .decoders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:20px}.decoders-page .decoder-card{border:2px solid #282a30;padding:20px;display:flex;flex-direction:column;gap:16px}.decoders-page .decoder-card .card-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.decoders-page .decoder-card .card-header h3,.decoders-page .decoder-card .card-header p{margin:0}.decoders-page .decoder-card .card-header h3{font-size:22px;font-weight:500}.decoders-page .decoder-card .card-header p{margin-top:4px;color:#969696;font-size:14px}.decoders-page .decoder-card .card-header .card-badge{font-size:12px;font-family:Martian Mono,monospace;font-weight:600;text-transform:uppercase;padding:4px 10px;border:2px solid #282a30;white-space:nowrap}.decoders-page .decoder-card .card-header .card-badge.active{color:#4ade80;border-color:#4ade80}.decoders-page .decoder-card .card-header .card-badge.idle{color:#969696}.decoders-page .decoder-card .card-header .card-badge.error{color:#de4a4a;border-color:#de4a4a}.decoders-page .decoder-card .card-header .card-badge.warning{color:#decd4a;border-color:#decd4a}.decoders-page .decoder-card.clickable{cursor:pointer}.decoders-page .decoder-card .credentials-prompt{padding:12px 16px;border-top:1px solid #282a30;display:flex;flex-direction:column;gap:8px}.decoders-page .decoder-card .credentials-prompt .credentials-reason{margin:0;font-size:12px;color:#decd4a}.decoders-page .decoder-card .credentials-prompt .credentials-fields{display:flex;gap:8px}.decoders-page .decoder-card .credentials-prompt .credentials-fields input{flex:1;min-width:0;padding:6px 8px;background:#030712;border:1px solid #282a30;color:inherit;font-family:Martian Mono,monospace;font-size:12px}.decoders-page .decoder-card .credentials-prompt .credentials-fields button{padding:6px 12px;background:#282a30;color:inherit;border:1px solid #282a30;font-family:Martian Mono,monospace;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.decoders-page .decoder-card .credentials-prompt .credentials-fields button:disabled{opacity:.5;cursor:not-allowed}.decoders-page .decoder-card .credentials-prompt .credentials-message{margin:0;font-size:11px;color:#969696}.decoders-page .decoder-card .card-info{display:flex;flex-direction:column;gap:6px}.decoders-page .decoder-card .card-info .info-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;font-size:14px;gap:12px;padding:.5em 0;border-top:1px solid #282a30}.decoders-page .decoder-card .card-info .info-row .label{display:flex;align-items:center;color:#969696;line-height:normal}.decoders-page .decoder-card .card-info .info-row .value{display:flex;align-items:center;justify-content:flex-end;font-family:Martian Mono,monospace;text-align:right;line-height:normal}.decoders-page .decoder-card .card-info .info-row .value a{display:inline-flex;align-items:center;gap:6px;color:#dfe0e1;text-decoration:underline;transition:filter .2s ease}.decoders-page .decoder-card .card-info .info-row .value a:hover{filter:brightness(1.2)}.decoders-page .decoder-card .card-info .info-row .value a:visited,.decoders-page .decoder-card .card-info .info-row .value a:active{color:#dfe0e1}.decoders-page .decoder-card .card-info .info-row .value a svg{font-size:11px;opacity:.7}.decoders-page .decoder-card .card-system{display:flex;gap:12px;padding-top:16px;border-top:2px solid #282a30}.decoders-page .decoder-card .card-system .sys-stat{flex:1;text-align:center;border:2px solid #282a30;padding:14px 10px}.decoders-page .decoder-card .card-system .sys-stat .sys-label{display:block;font-size:12px;color:#969696;margin-bottom:4px}.decoders-page .decoder-card .card-system .sys-stat .sys-value{font-size:14px;font-family:Martian Mono,monospace}.decoders-page .decoder-card .card-decoders{border-top:2px solid #282a30;padding-top:16px}.decoders-page .decoder-card .card-decoders table{width:100%;border-collapse:collapse;font-size:13px;font-family:Martian Mono,monospace;border:2px solid #282a30}.decoders-page .decoder-card .card-decoders table th,.decoders-page .decoder-card .card-decoders table td{padding:10px;text-align:left;border:none;border-top:1px solid #282a30}.decoders-page .decoder-card .card-decoders table thead{background-color:#282a30;color:#dfe0e1}.decoders-page .decoder-card .card-decoders table thead th{font-weight:500}.decoders-page .decoder-card .card-decoders table tbody tr.active{background-color:#4ade800f}.decoders-page .decoder-card .card-decoders table tbody tr .control-cell{width:32px;padding:6px 8px}.decoders-page .decoder-card .card-decoders table tbody tr .decoder-control-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px solid;cursor:pointer;transition:filter .2s ease}.decoders-page .decoder-card .card-decoders table tbody tr .decoder-control-btn:hover{filter:brightness(1.2)}.decoders-page .decoder-card .card-decoders table tbody tr .decoder-control-btn:disabled{filter:brightness(.5);cursor:not-allowed}.decoders-page .decoder-card .card-decoders table tbody tr .decoder-control-btn.feed{border-color:#3b82f6;color:#3b82f6}.decoders-page .decoder-card .card-decoders table tbody tr .decoder-control-btn.stop{border-color:#de4a4a;color:#de4a4a}.decoders-page .decoder-card .card-decoders table tbody tr .decoder-control-btn svg{font-size:11px}.decoders-page .decoder-card .card-decoders table tbody tr .state-decoding{color:#4ade80}.decoders-page .decoder-card .card-decoders table tbody tr .state-idle{color:#969696}.decoders-page .decoder-card .card-decoders table tbody tr .state-error{color:#de4a4a}@media(max-width:1100px){.decoders-page .decoders-grid{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.2}}.stream-picker-modal{max-width:708px}.stream-picker-modal .stream-picker-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;color:#969696;font-size:13px}.stream-picker-modal .stream-picker-loading p{margin:0}.stream-picker-modal .stream-picker-empty{color:#969696;text-align:center;font-family:Martian Mono,monospace;font-size:14px;padding:24px}.stream-picker-modal .stream-picker-list{display:flex;flex-direction:column;gap:4px;padding:16px;max-height:60vh;overflow-y:auto}.stream-picker-modal .stream-picker-group-header{font-weight:500;color:#dfe0e1;font-size:18px;margin:12px 0 8px;letter-spacing:.5px}.stream-picker-modal .stream-picker-group-header:first-child{margin-top:0}.stream-picker-modal .stream-picker-grid{display:flex;flex-wrap:wrap;gap:12px}.stream-picker-modal .stream-picker-cell{width:160px;cursor:pointer}.stream-picker-modal .stream-picker-cell .stream-picker-thumbnail{aspect-ratio:16/9;background-color:#000;border:2px solid #282a30;overflow:hidden;transition:border-color .2s ease}.stream-picker-modal .stream-picker-cell .stream-picker-thumbnail img{width:100%;height:100%;display:block;object-fit:contain}.stream-picker-modal .stream-picker-cell:hover .stream-picker-thumbnail{border-color:#969696}.stream-picker-modal .stream-picker-label{margin-top:4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dfe0e1}.system-about-main{width:100%;padding-top:30px}.system-about-main .query-error-message{font-size:14px;font-family:Martian Mono,monospace;color:#de4a4a;margin:0 0 10px;padding:10px 0;text-align:left}.system-about-main .telemetry-container{display:flex;flex-direction:column;gap:20px}.system-about-main .telemetry-container h4{font-size:18px;font-weight:500;color:#969696}.system-about-main .telemetry-container .sysinfo{display:flex;gap:20px;width:100%}.system-about-main .telemetry-container .sysinfo .stat{border:2px solid #282a30;width:100%;padding:20px;text-align:center}.system-about-main .telemetry-container .sysinfo .stat p{font-size:22px;font-family:Martian Mono,monospace;margin-top:10px}.system-about-main .telemetry-container .mem-net{display:flex;gap:20px;width:100%}.system-about-main .telemetry-container .mem-net .mem-stats,.system-about-main .telemetry-container .mem-net .network{border:2px solid #282a30;width:100%;padding:20px}.system-about-main .telemetry-container .mem-net table{border-collapse:collapse;margin-top:10px;width:100%;border:2px solid #282a30;font-family:Martian Mono,monospace;font-size:14px}.system-about-main .telemetry-container .mem-net table tr{height:40px}.system-about-main .telemetry-container .mem-net table th,.system-about-main .telemetry-container .mem-net table td{border:none;border-top:2px solid #282a30;padding:0 10px}.system-about-main .telemetry-container .mem-net table thead{background-color:#282a30;color:#dfe0e1;text-align:left}.system-about-main .telemetry-container .mem-net table thead th{font-weight:500}.manage-streams-main{display:grid;width:100%;--drawer-open-width: 500px;--drawer-current-width: 0px;grid-template-columns:1fr var(--drawer-current-width);overflow:hidden;transition:grid-template-columns .4s ease}.manage-streams-main.drawer{--drawer-current-width: var(--drawer-open-width)}.manage-streams-content{padding:30px;overflow-y:auto;display:flex;flex-direction:column;height:calc(100vh - 124px)}.manage-streams-content .clients-grid{margin-top:20px;display:flex;flex-direction:column;gap:20px}.manage-streams-content .clients-grid .client-id{font-size:22px;font-weight:500;color:#969696;font-weight:400}.manage-streams-content .clients-grid .streams-grid{display:flex;flex-wrap:wrap;gap:20px}.manage-streams-content .clients-grid .streams-grid .stream-cell{position:relative;cursor:pointer}.manage-streams-content .clients-grid .streams-grid .stream-cell .checkbox{position:absolute;left:6px;top:6px;opacity:0;pointer-events:none}.manage-streams-content .clients-grid .streams-grid .stream-cell .checkbox:has(input[type=checkbox]:checked){opacity:1;pointer-events:auto}.manage-streams-content .clients-grid .streams-grid .stream-cell.stream-size-small{width:160px}.manage-streams-content .clients-grid .streams-grid .stream-cell.stream-size-medium{width:220px}.manage-streams-content .clients-grid .streams-grid .stream-cell.stream-size-large{width:360px}.manage-streams-content .clients-grid .streams-grid .stream-cell .thumbnail-container{position:relative;aspect-ratio:16/9;background-color:#000;border:2px solid #282a30;transition:border-color .2s ease}.manage-streams-content .clients-grid .streams-grid .stream-cell .thumbnail-container img{width:100%;height:100%;display:block;object-fit:contain}.manage-streams-content .clients-grid .streams-grid .stream-cell:hover .thumbnail-container{border-color:#969696}.manage-streams-content .clients-grid .streams-grid .stream-cell:hover .checkbox{opacity:1;pointer-events:auto}.manage-streams-content .clients-grid .streams-grid .stream-cell.expanded .thumbnail-container{border-color:#dfe0e1}.manage-streams-content .clients-grid .streams-grid .stream-cell .stream-info{display:flex;align-items:center;gap:8px;margin-top:6px}.manage-streams-content .clients-grid .streams-grid .stream-cell .stream-info p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.manage-streams-content .clients-grid .streams-grid .stream-cell .stream-info .stream-icon{display:flex;flex-direction:row-reverse;align-items:center;gap:4px;font-family:Martian Mono,monospace;flex-shrink:0}.manage-streams-content .clients-grid .streams-grid .stream-cell .stream-info .stream-icon .numeric-icon{display:flex;align-items:center;gap:3px}.stream-details{border-left:2px solid #282a30;padding:50px 20px 20px;position:fixed;margin-top:-30px;height:calc(100vh - 104px);top:64px;right:0;overflow-y:auto;background-color:#030712;z-index:10;transform:translate(100%);transition:transform .4s ease;will-change:transform;width:calc(var(--drawer-open-width) - 40px);grid-column:2}.stream-details.open{transform:translate(0)}.stream-details .header{display:flex;text-wrap:nowrap;align-items:center;gap:10px;margin-bottom:20px}.stream-details .header h2{margin-right:30px}.stream-details .time-select{display:flex;width:120px;gap:10px;align-items:center}.stream-details .time-select span{font-size:12px;font-weight:400;color:#969696;font-family:Martian Mono,monospace;text-wrap:nowrap;margin-right:10px}.stream-details .time-select .selector>select{font-size:14px;height:32px;border-color:#282a30;color:#969696;background-color:transparent}.stream-details .preview-container{margin-top:20px;margin-bottom:20px}.stream-details .preview-container:not(:empty){border:2px solid #969696}.stream-details .preview-container img{display:block;width:100%}.stream-details .drawer-stream-player{width:100%;aspect-ratio:16/9;margin-bottom:20px;overflow:hidden;border:2px solid #282a30;box-sizing:border-box;position:relative}.stream-details .drawer-stream-player video{object-fit:contain}.stream-details .drawer-stream-player:fullscreen video{object-fit:contain}.stream-details .drawer-stream-player .connection-warning{font-family:Martian Mono,monospace;font-size:14px;background-color:#000c;backdrop-filter:blur(2px);position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;user-select:none;color:#decd4a}.stream-details .drawer-stream-player .connection-warning svg{width:auto;height:50px}.stream-details .drawer-stream-player .fullscreen-btn{position:absolute;top:6px;right:6px;opacity:0;transition:opacity .2s ease}.stream-details .drawer-stream-player:hover .fullscreen-btn{opacity:1}.stream-details .stream-info{display:flex;flex-direction:column;gap:20px}.stream-details .stream-info .bitrate,.stream-details .stream-info .delay{display:flex;gap:10px;font-family:Martian Mono,monospace;font-size:14px;margin-bottom:20px}.stream-details .stream-info .bitrate p span,.stream-details .stream-info .delay p span{margin-left:4px}.stream-details .file-info{display:flex;flex-direction:column;gap:20px}.stream-details .section{width:100%;display:flex;flex-direction:column;gap:10px}.stream-details .section .row{display:flex;gap:20px}.stream-details .params{background-color:#000;border:1px solid #282a30;font-family:Martian Mono,monospace;padding:10px;font-size:14px;line-height:2}.stream-details .params span{color:#969696}.create-stream-modal{min-width:400px;max-width:500px}.create-stream-modal .stream-options{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto}.edit-streams-view{display:flex;flex-direction:column;gap:20px}.manage-files-main{display:grid;width:100%;--drawer-open-width: 500px;--drawer-current-width: 0px;grid-template-columns:1fr var(--drawer-current-width);overflow:hidden;transition:grid-template-columns .4s ease}.manage-files-main.drawer{--drawer-current-width: var(--drawer-open-width)}.manage-files-content{padding:30px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 124px)}.manage-files-content .files-grid{flex:1;overflow-y:auto}.manage-files-content .files-grid .date-header{display:flex;align-items:center;gap:20px;margin:20px 0}.manage-files-content .files-grid .date-header .file-date{font-size:22px;font-weight:500;text-wrap:nowrap}.manage-files-content .files-grid .date-header .file-date span{color:#969696;font-weight:400}.manage-files-content .files-grid .date-header .divider{border-top:2px solid #282a30;width:100%}.manage-files-content .files-grid .files-grid-row{display:flex;flex-wrap:wrap;gap:20px}.manage-files-content .files-grid .files-grid-row .file-cell-small{width:160px}.manage-files-content .files-grid .files-grid-row .file-cell-medium{width:213px}.manage-files-content .files-grid .files-grid-row .file-cell-large{width:356px}.manage-files-content .files-grid .files-grid-row .file-cell{cursor:pointer;position:relative}.manage-files-content .files-grid .files-grid-row .file-cell .checkbox{position:absolute;left:6px;top:6px;opacity:0;pointer-events:none;transition:opacity .2s ease}.manage-files-content .files-grid .files-grid-row .file-cell .checkbox:has(input[type=checkbox]:checked){opacity:1;pointer-events:auto}.manage-files-content .files-grid .files-grid-row .file-cell svg{color:#969696}.manage-files-content .files-grid .files-grid-row .file-cell div{position:relative}.manage-files-content .files-grid .files-grid-row .file-cell div img,.manage-files-content .files-grid .files-grid-row .file-cell div .file-icon-placeholder{border:2px solid #282a30;transition:border-color .2s ease;background-color:#000;display:block;object-fit:contain;aspect-ratio:16/9}.manage-files-content .files-grid .files-grid-row .file-cell div .file-thumbnail-small{height:90px}.manage-files-content .files-grid .files-grid-row .file-cell div .file-thumbnail-medium{height:120px}.manage-files-content .files-grid .files-grid-row .file-cell div .file-thumbnail-large{height:200px}.manage-files-content .files-grid .files-grid-row .file-cell div .file-icon-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#969696;gap:8px}.manage-files-content .files-grid .files-grid-row .file-cell div .file-icon-placeholder svg{font-size:32px}.manage-files-content .files-grid .files-grid-row .file-cell div .file-icon-placeholder span{font-size:14px;font-family:Martian Mono,monospace}.manage-files-content .files-grid .files-grid-row .file-cell div .file-icon-placeholder.file-cell-transfer-thumb{gap:4px}.manage-files-content .files-grid .files-grid-row .file-cell div .file-icon-placeholder.file-cell-transfer-thumb .file-cell-progress{width:80%;height:6px;margin-bottom:8px;background-color:#282a30;border-radius:3px;overflow:hidden}.manage-files-content .files-grid .files-grid-row .file-cell div .file-icon-placeholder.file-cell-transfer-thumb .file-cell-progress .file-cell-progress-inner{height:100%;background-color:#4a8fde;transition:width 1s ease;border-radius:3px}.manage-files-content .files-grid .files-grid-row .file-cell .file-name{display:flex;align-items:center;gap:6px;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.manage-files-content .files-grid .files-grid-row .file-cell .file-name .file-name-icons{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.manage-files-content .files-grid .files-grid-row .file-cell .file-name .file-name-icons:empty{display:none}.manage-files-content .files-grid .files-grid-row .file-cell .file-name .file-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.manage-files-content .files-grid .files-grid-row .file-cell .file-size-label{color:#969696;font-size:14px}.manage-files-content .files-grid .files-grid-row .file-cell:hover img,.manage-files-content .files-grid .files-grid-row .file-cell:hover .file-icon-placeholder{border-color:#969696}.manage-files-content .files-grid .files-grid-row .file-cell:hover .checkbox{opacity:1;pointer-events:auto}.manage-files-content .files-grid .files-grid-row .file-cell.expanded img,.manage-files-content .files-grid .files-grid-row .file-cell.expanded .file-icon-placeholder{border-color:#dfe0e1}.manage-files-content .file-table-container{flex:1;overflow-y:auto;margin-top:20px}.manage-files-content .local-file-table{width:100%;border-collapse:separate;border-spacing:0;font-size:18px}.manage-files-content .local-file-table tr{height:60px}.manage-files-content .local-file-table tr.expanded{background-color:#282a30}.manage-files-content .local-file-table th,.manage-files-content .local-file-table td{border:none;padding:0 10px;border-top:1px solid #282a30}.manage-files-content .local-file-table th .checkbox label,.manage-files-content .local-file-table td .checkbox label{padding-left:0;display:grid}.manage-files-content .local-file-table th .checkbox label span,.manage-files-content .local-file-table td .checkbox label span{position:static;width:30px;height:30px}.manage-files-content .local-file-table thead th{background-color:#282a30;position:sticky;top:0;font-weight:600;text-align:left;z-index:3}.manage-files-content .local-file-table tbody td{text-align:left}.manage-files-content .local-file-table tbody tr{transition:background-color .2s ease;cursor:pointer}.manage-files-content .local-file-table tbody tr.expanded,.manage-files-content .local-file-table tbody tr:hover{background-color:#1b1b1f}.manage-files-content .local-file-table tbody .button-col div{display:flex;gap:10px;align-items:center}.manage-files-content .local-file-table tbody .icon-col{text-align:center}.manage-files-content .local-file-table tbody .icon-col svg{color:#969696}.manage-files-content .local-file-table tbody .name-col{max-width:250px;overflow:hidden}.manage-files-content .local-file-table tbody .name-col div{display:flex;align-items:center;gap:10px;min-width:0}.manage-files-content .local-file-table tbody .name-col div>*{min-width:0}.manage-files-content .local-file-table tbody .progress-col{display:flex;align-items:center}.manage-files-content .local-file-table tbody .progress-col .progress-num{font-family:Martian Mono,monospace;font-size:14px;font-weight:400;color:#969696;width:80px}.manage-files-content .local-file-table tbody .progress-col .progress-outer{display:flex;align-items:center;width:200px;height:24px;border:1px solid #282a30}.manage-files-content .local-file-table tbody .progress-col .progress-outer .progress-inner{width:0%;height:100%;transition:width 1s ease;background-color:#4a8fde}.manage-files-content .local-file-table tbody .progress-col .progress-outer .progress-inner.failed{background-color:#de4a4a}.manage-files-content .local-file-table tbody .progress-col .progress-outer .progress-inner.done{background-color:#4ade80}.file-details{border-left:2px solid #282a30;padding:50px 20px 20px;position:fixed;margin-top:-30px;height:calc(100vh - 104px);top:64px;right:0;overflow-y:auto;background-color:#030712;z-index:10;transform:translate(100%);transition:transform .4s ease;will-change:transform;width:calc(var(--drawer-open-width) - 40px);grid-column:2}.file-details.open{transform:translate(0)}.file-details .header{display:flex;text-wrap:nowrap;align-items:center;gap:10px;margin-bottom:20px}.file-details .header h2{margin-right:30px}.file-details .time-select{display:flex;width:120px;gap:10px;align-items:center}.file-details .time-select span{font-size:12px;font-weight:400;color:#969696;font-family:Martian Mono,monospace;text-wrap:nowrap;margin-right:10px}.file-details .time-select .selector>select{font-size:14px;height:32px;border-color:#282a30;color:#969696;background-color:transparent}.file-details .preview-container{margin-top:20px;margin-bottom:20px}.file-details .preview-container:not(:empty){border:2px solid #282a30}.file-details .preview-container img{display:block;width:100%}.file-details .preview-container.video-preview{width:100%;aspect-ratio:16/9;overflow:hidden;box-sizing:border-box;position:relative}.file-details .preview-container.video-preview video{object-fit:contain}.file-details .preview-container .preview-loading{display:flex;justify-content:center;align-items:center;padding:40px}.file-details .file-info{display:flex;flex-direction:column;gap:20px}.file-details .file-info .bitrate,.file-details .file-info .delay{display:flex;gap:10px;font-family:Martian Mono,monospace;font-size:14px;margin-bottom:20px}.file-details .file-info .file-label-field{width:100%;min-width:0}.file-details .file-info .file-label-field .file-label-value{min-width:0;overflow:hidden}.file-details .file-info .file-label-field .file-label-value>*{flex:1 1 auto;min-width:0}.file-details .file-info .file-name-field{width:100%;min-width:0}.file-details .file-info .file-name-field .file-name-value{min-width:0;overflow:hidden}.file-details .file-info .file-name-field .file-name-value .file-name-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-details .file-info p span{margin-left:4px}.file-details .section{width:100%;display:flex;flex-direction:column;gap:10px}.file-details .section h3{font-size:22px;font-weight:500}.file-details .section .row{display:flex;gap:20px}.file-details .section .row>*{flex:1 1 0;min-width:0}.file-details .params{background-color:#000;border:1px solid #282a30;font-family:Martian Mono,monospace;padding:10px;font-size:14px;line-height:2}.file-details .params span{color:#969696}.edit-files-view{display:flex;flex-direction:column;gap:20px}.upload-file-modal{min-width:400px;max-width:500px}.upload-file-modal .upload-file-options{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto}.upload-file-modal .upload-progress{display:flex;align-items:center;gap:12px}.upload-file-modal .upload-progress .progress-outer{flex:1;height:16px;border:1px solid #282a30}.upload-file-modal .upload-progress .progress-outer .progress-inner{height:100%;transition:width .2s linear;background-color:#4a8fde}.upload-file-modal .upload-progress .progress-outer .progress-inner.done{background-color:#4ade80}.upload-file-modal .upload-progress .progress-num{font-family:Martian Mono,monospace;font-size:14px;color:#969696;width:60px;text-align:right}.star-track{height:calc(100vh - 84px);padding-top:74px;display:flex}.star-track .tel-container{display:flex;width:100%;height:100%}.demo-page{height:calc(100vh - 84px);padding:74px 10px 10px;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:2fr 2fr 1fr;gap:12px;position:relative}.demo-page .tel-container{border:2px solid #282a30;display:flex;position:relative;transition:opacity .2s ease;width:100%;height:100%;overflow:hidden;background:#030712cc}.demo-page .tel-container #earth,.demo-page .tel-container #earth-map{width:100%;height:100%;overflow:hidden}.demo-page .tel-container #earth canvas,.demo-page .tel-container #earth-map canvas{max-width:100%;max-height:100%}.demo-page .tel-container .actions{position:absolute;top:10px;right:10px;z-index:10;display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .2s ease}.demo-page .tel-container .actions button{width:38px;height:38px}.demo-page .tel-container:hover .actions{opacity:1;pointer-events:auto}.telescope-widget{display:flex;gap:10px;box-sizing:border-box;padding:10px;width:100%;height:100%}.telescope-widget .left{width:60%;display:flex;flex-direction:column;gap:10px}.telescope-widget .left .earth-maps{aspect-ratio:16/9;height:auto;position:relative}.telescope-widget .left .earth-maps .earth-wrapper{inset:0;position:absolute;overflow:hidden}.telescope-widget .left .earth-maps #tele-earth,.telescope-widget .left .earth-maps #tele-earth-map{width:100%;height:100%}.telescope-widget .left .actions{position:absolute;top:10px;right:10px;display:flex;gap:10px;z-index:10}.telescope-widget .left .actions button{width:38px;height:38px}.telescope-widget .left>div{border:2px solid #282a30;height:100%}.telescope-widget .right{width:40%;display:flex;flex-direction:column;gap:10px}.telescope-widget .right>div{border:2px solid #282a30;height:100%}.telescope-widget .right .video{aspect-ratio:16/9;height:auto}.telescope-widget .right .video .no-video{align-items:center;color:#969696;display:flex;font-family:Martian Mono,monospace;font-size:14px;height:100%;justify-content:center}.telescope-widget .status{overflow-y:auto;display:flex;flex-direction:column;gap:20px}.telescope-widget .controls,.telescope-widget .status{padding:20px;display:flex;flex-direction:column;height:100%;overflow-x:auto}.telescope-widget .controls .row,.telescope-widget .status .row{width:100%;display:flex;gap:20px}.telescope-widget .controls .row button,.telescope-widget .status .row button{width:100%}.telescope-widget .controls .controls-header,.telescope-widget .status .controls-header{display:flex;justify-content:space-between;align-items:center}.telescope-widget .controls .controls-body,.telescope-widget .status .controls-body{display:flex;gap:20px;height:100%}.telescope-widget .controls .controls-body .movement,.telescope-widget .status .controls-body .movement{display:flex;flex-direction:column}.telescope-widget .controls .controls-body .movement .pan-tilt,.telescope-widget .status .controls-body .movement .pan-tilt{aspect-ratio:1/1;margin-top:20px;margin-right:10px;min-width:200px}.telescope-widget .controls .controls-body .movement .pan-tilt .outer,.telescope-widget .status .controls-body .movement .pan-tilt .outer{fill:#282a30}.telescope-widget .controls .controls-body .movement .pan-tilt .inner,.telescope-widget .status .controls-body .movement .pan-tilt .inner{fill:#969696}.telescope-widget .controls .controls-body .movement .pan-tilt .left,.telescope-widget .controls .controls-body .movement .pan-tilt .right,.telescope-widget .controls .controls-body .movement .pan-tilt .up,.telescope-widget .controls .controls-body .movement .pan-tilt .down,.telescope-widget .status .controls-body .movement .pan-tilt .left,.telescope-widget .status .controls-body .movement .pan-tilt .right,.telescope-widget .status .controls-body .movement .pan-tilt .up,.telescope-widget .status .controls-body .movement .pan-tilt .down{transition:filter .2s ease;will-change:filter}.telescope-widget .controls .controls-body .movement .pan-tilt .left:hover,.telescope-widget .controls .controls-body .movement .pan-tilt .right:hover,.telescope-widget .controls .controls-body .movement .pan-tilt .up:hover,.telescope-widget .controls .controls-body .movement .pan-tilt .down:hover,.telescope-widget .status .controls-body .movement .pan-tilt .left:hover,.telescope-widget .status .controls-body .movement .pan-tilt .right:hover,.telescope-widget .status .controls-body .movement .pan-tilt .up:hover,.telescope-widget .status .controls-body .movement .pan-tilt .down:hover{cursor:pointer;filter:brightness(1.2)}.telescope-widget .controls .controls-body .inputs,.telescope-widget .status .controls-body .inputs{display:flex;gap:30px;width:100%}.telescope-widget .controls .controls-body .inputs .input-group,.telescope-widget .status .controls-body .inputs .input-group{display:flex;flex-direction:column;gap:20px;width:100%}.telescope-widget .controls .controls-body .inputs .input-group .goto-controls,.telescope-widget .status .controls-body .inputs .input-group .goto-controls{display:flex;gap:30px}.telescope-widget .controls .controls-body .inputs .input-group .goto-controls>div,.telescope-widget .status .controls-body .inputs .input-group .goto-controls>div{display:flex;flex-direction:column;gap:20px;width:100%}.telescope-widget .controls .controls-body .inputs .input-group .align-message,.telescope-widget .status .controls-body .inputs .input-group .align-message{font-size:14px;font-family:Martian Mono,monospace;color:#decd4a;text-wrap:nowrap}.fovea-widget{display:flex;gap:10px;box-sizing:border-box;padding:10px;width:100%;height:100%}.fovea-widget .left{width:68%;display:flex;flex-direction:column;gap:10px}.fovea-widget .left .preview{aspect-ratio:16/9;height:calc(100% - 354px);background-color:#000;position:relative;min-height:0}.fovea-widget .left .preview img{width:100%;height:100%;object-fit:contain;display:block}.fovea-widget .left .preview img.hidden{opacity:0}.fovea-widget .left .preview .preview-spinner{position:absolute;inset:0;background:#00000059;pointer-events:none}.fovea-widget .left .preview button{position:absolute;top:10px;right:10px}.fovea-widget .left>div{border:2px solid #282a30;height:100%}.fovea-widget .left .left-bottom{width:100%;height:354px;display:flex;gap:10px;border:none;flex:1}.fovea-widget .left .left-bottom .stats{width:40%}.fovea-widget .left .left-bottom .crop{width:60%}.fovea-widget .left .left-bottom>div{border:2px solid #282a30;overflow-y:auto}.fovea-widget .right{width:32%;display:flex;flex-direction:column;gap:10px}.fovea-widget .right>div{border:2px solid #282a30}.fovea-widget .right>.controls{height:100%;overflow-y:auto}.fovea-widget .row{display:flex;gap:20px}.fovea-widget .controls,.fovea-widget .stats,.fovea-widget .crop{padding:20px;display:flex;flex-direction:column}.fovea-widget .controls h3,.fovea-widget .stats h3,.fovea-widget .crop h3{margin-bottom:10px}.fovea-widget .controls .body,.fovea-widget .stats .body,.fovea-widget .crop .body{display:flex;flex-direction:column;gap:20px}.fovea-widget .controls .header{display:flex;gap:10px;margin-bottom:20px;align-items:center}.fovea-widget .controls .header h3{margin:0}.fovea-widget .controls .tabs{display:flex;gap:10px;width:100%}.fovea-widget .controls .tabs button{flex:1}.fovea-widget .actions{padding:20px;display:flex;flex-direction:column}.fovea-widget .actions h3{margin-bottom:10px}.fovea-widget .actions .body{display:flex;flex-direction:column;gap:20px}.fovea-widget .actions .body .row{display:flex;gap:10px}.fovea-widget .actions .body .row button{width:100%}.fovea-widget .crop-tool{display:flex;gap:20px;align-items:flex-start;min-height:0}.fovea-widget .crop-tool button{width:100%}.fovea-widget .crop-tool input{width:100%;box-sizing:border-box}.fovea-widget .crop-tool .crop-inner{width:60%;flex:0 1 60%;max-width:60%;cursor:crosshair;overflow:visible;position:relative;max-height:clamp(140px,22vh,240px)}.fovea-widget .crop-tool .crop-inner.loading{cursor:wait}.fovea-widget .crop-tool .crop-inner .crop-spinner{position:absolute;inset:0;background:#00000040;pointer-events:none}.fovea-widget .crop-tool .crop-inner>svg{width:100%;max-width:100%;max-height:clamp(140px,22vh,240px);height:auto;display:block;overflow:visible}.fovea-widget .crop-tool .crop-controls{display:flex;flex-direction:column;gap:20px}.saver-widget{height:100%;display:flex;flex-direction:column;position:relative}.saver-widget .saver-nav{width:46px;top:0;bottom:0;padding:10px;background-color:#16181f;position:absolute;display:flex;flex-direction:column;gap:10px;text-wrap:nowrap}.saver-widget .saver-nav .navlink{background-color:transparent;color:#dfe0e1;text-decoration:none;font-size:18px;font-weight:500;transition:background-color .2s ease;height:46px;display:grid;place-items:center}.saver-widget .saver-nav .navlink.active,.saver-widget .saver-nav .navlink:hover{background-color:#005493}.saver-widget .saver-nav .nav-separator{height:2px;background-color:#282a30;margin-top:10px}.saver-widget .saver-content{margin-left:66px;display:flex}.saver-manage-header{display:flex;justify-content:space-between;width:100%}.saver-manage-header h1 span{color:#969696;font-weight:500}.saver-manage-header .manage-buttons,.layout-buttons div,.thumbnail-size-buttons div{display:flex;gap:10px}.layout-buttons p,.thumbnail-size-buttons p{margin-bottom:6px;color:#969696}.manage-file-transfers-main{width:100%;display:flex;flex-direction:column;padding:30px;overflow:hidden;height:calc(100vh - 286px)}.manage-file-transfers-main .file-transfer-table-container{flex:1;margin-top:20px;overflow-y:auto}.manage-file-transfers-main .file-transfer-table{width:100%;border-collapse:separate;border-spacing:0;font-size:18px}.manage-file-transfers-main .file-transfer-table tr{height:60px}.manage-file-transfers-main .file-transfer-table tr.expanded{background-color:#282a30}.manage-file-transfers-main .file-transfer-table th,.manage-file-transfers-main .file-transfer-table td{border:none;border-top:1px solid #282a30;padding:0 10px}.manage-file-transfers-main .file-transfer-table th .checkbox label,.manage-file-transfers-main .file-transfer-table td .checkbox label{padding-left:0;display:grid}.manage-file-transfers-main .file-transfer-table th .checkbox label span,.manage-file-transfers-main .file-transfer-table td .checkbox label span{position:static;width:30px;height:30px}.manage-file-transfers-main .file-transfer-table thead th{background-color:#282a30;position:sticky;top:0;font-weight:600;text-align:left;z-index:3}.manage-file-transfers-main .file-transfer-table tbody td{text-align:left}.manage-file-transfers-main .file-transfer-table tbody .button-col div{display:flex;gap:10px;align-items:center}.manage-file-transfers-main .file-transfer-table tbody .icon-col{text-align:center}.manage-file-transfers-main .file-transfer-table tbody .icon-col svg{color:#969696}.manage-file-transfers-main .file-transfer-table tbody .bitrate-chart .bitrate-container{display:flex;align-items:center;text-wrap:nowrap;font-size:14px;font-family:Martian Mono,monospace;color:#cf63dd}.manage-file-transfers-main .file-transfer-table tbody .bitrate-chart .bitrate-container p{width:100px;margin-right:30px}.manage-file-transfers-main .file-transfer-table tbody .bitrate-chart .bitrate-container .chart-container{width:200px}.manage-file-transfers-main .file-transfer-table tbody .progress-num{font-family:Martian Mono,monospace;font-size:14px;font-weight:400;color:#969696;width:80px}.manage-file-transfers-main .file-transfer-table tbody .progress-col{display:flex;align-items:center}.manage-file-transfers-main .file-transfer-table tbody .progress-col .progress-outer{display:flex;align-items:center;width:200px;height:24px;border:1px solid #282a30}.manage-file-transfers-main .file-transfer-table tbody .progress-col .progress-outer .progress-inner{width:0%;height:100%;transition:width 1s ease;background-color:#4a8fde}.manage-file-transfers-main .file-transfer-table tbody .progress-col .progress-outer .progress-inner.failed{background-color:#de4a4a}.manage-file-transfers-main .file-transfer-table tbody .progress-col .progress-outer .progress-inner.done{background-color:#4ade80}.manage-file-transfers-main .file-transfer-table tbody .progress-col .progress-outer .progress-inner.cancelled{background-color:#decd4a}.saver-system-settings-main{width:100%;display:flex;flex-direction:column;padding:0 30px 30px;height:calc(100vh - 258px);overflow-y:auto}.saver-system-settings-main .settings-header{position:sticky;top:0;padding-top:30px;background-color:#030712;z-index:2;border-bottom:2px solid #282a30;margin-bottom:10px;box-shadow:0 6px 6px #0003}.saver-system-settings-main .settings-header .setting-options{display:flex;gap:10px}.saver-system-settings-main .settings-header .setting-options button{width:100%;text-wrap:nowrap;margin-bottom:20px}.saver-system-settings-main .settings-pane{box-sizing:border-box;display:flex;align-items:baseline;flex-direction:column;gap:20px;width:100%}.saver-system-settings-main .settings-pane input,.saver-system-settings-main .settings-pane select{max-width:500px}.saver-system-settings-main .settings-pane hr{width:100%;margin:10px 0}.saver-system-settings-main h3{font-size:26px;margin-top:10px;font-weight:500}.saver-system-settings-main h4{font-size:20px;margin-top:10px;font-weight:500}.saver-system-settings-main .section-info{color:#969696;font-size:18px}.saver-system-settings-main .import{width:600px;display:flex;gap:20px}.saver-manage-recordings-main{display:grid;width:100%;--drawer-open-width: 500px;--drawer-current-width: 0px;grid-template-columns:1fr var(--drawer-current-width);overflow:hidden;transition:grid-template-columns .4s ease}.saver-manage-recordings-main.drawer{--drawer-current-width: var(--drawer-open-width)}.saver-manage-recordings-content{padding:30px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 286px)}.saver-manage-recordings-content .recordings-table-container{flex:1;margin-top:20px;overflow-y:auto}.saver-manage-recordings-content .recordings-table{width:100%;border-collapse:separate;border-spacing:0;font-size:18px}.saver-manage-recordings-content .recordings-table tr{height:60px}.saver-manage-recordings-content .recordings-table tr.expanded{background-color:#16181f}.saver-manage-recordings-content .recordings-table th,.saver-manage-recordings-content .recordings-table td{border:none;border-top:1px solid #282a30;padding:0 10px}.saver-manage-recordings-content .recordings-table th .checkbox label,.saver-manage-recordings-content .recordings-table td .checkbox label{padding-left:0;display:grid}.saver-manage-recordings-content .recordings-table th .checkbox label span,.saver-manage-recordings-content .recordings-table td .checkbox label span{position:static;width:30px;height:30px}.saver-manage-recordings-content .recordings-table .name-col{max-width:250px;overflow:hidden}.saver-manage-recordings-content .recordings-table thead th{background-color:#282a30;position:sticky;top:0;font-weight:600;text-align:left;z-index:3}.saver-manage-recordings-content .recordings-table tbody tr{transition:background-color .2s ease;cursor:pointer}.saver-manage-recordings-content .recordings-table tbody tr:hover{background-color:#16181f}.saver-manage-recordings-content .recordings-table tbody td{text-align:left}.saver-manage-recordings-content .recordings-table tbody .icon-col{text-align:center}.saver-manage-recordings-content .recordings-table tbody .icon-col svg{color:#969696}.saver-recording-details{border-left:2px solid #282a30;padding:20px;position:fixed;height:calc(100vh - 268px);top:66px;right:0;overflow-y:auto;background-color:#030712;z-index:10;transform:translate(100%);transition:transform .4s ease;will-change:transform;width:calc(var(--drawer-open-width) - 40px);grid-column:2}.saver-recording-details.open{transform:translate(0)}.saver-recording-details .header{display:flex;text-wrap:nowrap;gap:10px}.saver-recording-details .thumbnail-container{margin-top:20px;margin-bottom:20px;border:2px solid #282a30}.saver-recording-details .thumbnail-container .thumbnail{width:100%;height:auto;display:block}.saver-recording-details .thumbnail-container .indexstrip-container{position:relative;background-color:#282a30;border-top:2px solid #282a30}.saver-recording-details .thumbnail-container .indexstrip-container .indexstrip{max-width:100%;max-height:30px;display:block}.saver-recording-details .thumbnail-container .video-controls{background-color:#18181b;padding:2px 8px;display:flex;align-items:center;justify-content:space-between;position:relative;height:40px}.saver-recording-details .thumbnail-container .video-controls .time{font-family:Martian Mono,monospace;font-size:12px;font-weight:300}.saver-recording-details .thumbnail-container .video-controls .time span{color:#969696}.saver-recording-details .video-info{display:flex;flex-direction:column;gap:20px}.saver-recording-details .video-info .row{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.saver-recording-details .video-info .row>*{min-width:0}.saver-recording-details .video-info .recording-label-field{width:100%;min-width:0}.saver-recording-details .video-info .recording-label-field .recording-label-value{min-width:0;overflow:hidden}.saver-recording-details .video-info .recording-label-field .recording-label-value>*{flex:1 1 auto;min-width:0}.saver-recording-details .video-info .section{width:100%;display:flex;flex-direction:column;gap:10px}.saver-recording-details .video-info .section .conversion-actions{display:flex;gap:10px}.saver-recording-details .video-info .section h3{font-size:22px;font-weight:500}.saver-recording-details .video-info .download-grid{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.saver-recording-details .video-info .download-grid .download-buttons{display:flex;gap:10px}.saver-recording-details .video-info .download-grid p{color:#969696;font-size:18px;margin-right:10px}.saver-system-developer-main{width:100%;padding:30px;height:calc(100vh - 258px);overflow-y:auto}.saver-system-developer-main .section{margin-bottom:40px}.saver-system-developer-main .section .row{display:flex;gap:20px}.saver-system-developer-main .section a{text-decoration:none}.saver-system-developer-main .section p{color:#969696;font-size:18px;margin-bottom:14px}.saver-system-developer-main .section .update{max-width:600px;display:flex;gap:20px}.manage-conversions-main{display:grid;width:100%;--drawer-open-width: 500px;--drawer-current-width: 0px;grid-template-columns:1fr var(--drawer-current-width);overflow:hidden;transition:grid-template-columns .4s ease}.manage-conversions-main.drawer{--drawer-current-width: var(--drawer-open-width)}.manage-conversions-content{padding:30px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 286px)}.manage-conversions-content .conversions-table-container{flex:1;margin-top:20px;overflow-y:auto}.manage-conversions-content .conversions-table{width:100%;border-collapse:separate;border-spacing:0;font-size:18px}.manage-conversions-content .conversions-table tr{height:60px}.manage-conversions-content .conversions-table th,.manage-conversions-content .conversions-table td{border:none;border-top:1px solid #282a30;padding:0 10px}.manage-conversions-content .conversions-table th .checkbox label,.manage-conversions-content .conversions-table td .checkbox label{padding-left:0;display:grid}.manage-conversions-content .conversions-table th .checkbox label span,.manage-conversions-content .conversions-table td .checkbox label span{position:static;width:30px;height:30px}.manage-conversions-content .conversions-table thead th{background-color:#282a30;position:sticky;top:0;font-weight:600;text-align:left;z-index:3}.manage-conversions-content .conversions-table tbody td{text-align:left}.manage-conversions-content .conversions-table tbody tr{transition:background-color .2s ease;cursor:pointer}.manage-conversions-content .conversions-table tbody tr.expanded,.manage-conversions-content .conversions-table tbody tr:hover{background-color:#16181f}.manage-conversions-content .conversions-table tbody .button-col div{display:flex;gap:10px;align-items:center}.manage-conversions-content .conversions-table tbody .icon-col{text-align:center}.manage-conversions-content .conversions-table tbody .icon-col svg{color:#969696}.saver-conversion-details{border-left:2px solid #282a30;padding:20px;position:fixed;height:calc(100vh - 268px);top:66px;right:0;overflow-y:auto;background-color:#030712;z-index:10;transform:translate(100%);transition:transform .4s ease;will-change:transform;width:calc(var(--drawer-open-width) - 40px);grid-column:2}.saver-conversion-details.open{transform:translate(0)}.saver-conversion-details .header{display:flex;text-wrap:nowrap;gap:10px;margin-bottom:20px}.saver-conversion-details .header h2{margin-right:30px}.saver-conversion-details .thumbnail-container{margin-top:20px;margin-bottom:20px;border:2px solid #282a30}.saver-conversion-details .thumbnail-container .thumbnail{width:100%;height:auto;display:block}.saver-conversion-details .conversion-error{font-size:14px;font-family:Martian Mono,monospace;color:#de4a4a;max-width:500px;line-height:1.5;margin-bottom:20px}.saver-conversion-details .conversion-info{display:flex;flex-direction:column;gap:20px}.saver-conversion-details .conversion-info .row{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.saver-conversion-details .conversion-info .section{width:100%;display:flex;flex-direction:column;gap:10px}.saver-conversion-details .conversion-info .section h3{font-size:22px;font-weight:500}.saver-conversion-details .conversion-info .download-grid{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.saver-conversion-details .conversion-info .download-grid .download-buttons{display:flex;gap:10px}.saver-conversion-details .conversion-info .download-grid p{color:#969696;font-size:18px;margin-right:10px}.saver-manage-cameras-main{width:100%;display:flex;flex-direction:column;padding:30px;max-height:calc(100vh - 288px)}.saver-manage-cameras-main .cameras-table-container{margin-top:20px;overflow-y:auto}.saver-manage-cameras-main .cameras-table{width:100%;border-collapse:separate;border-spacing:0;font-size:18px}.saver-manage-cameras-main .cameras-table tr{height:60px}.saver-manage-cameras-main .cameras-table tbody tr{height:120px}.saver-manage-cameras-main .cameras-table th,.saver-manage-cameras-main .cameras-table td{border:none;border-top:1px solid #282a30;padding:0 10px}.saver-manage-cameras-main .cameras-table th .checkbox label,.saver-manage-cameras-main .cameras-table td .checkbox label{padding-left:0;display:grid}.saver-manage-cameras-main .cameras-table th .checkbox label span,.saver-manage-cameras-main .cameras-table td .checkbox label span{position:static;width:30px;height:30px}.saver-manage-cameras-main .cameras-table thead th{background-color:#282a30;position:sticky;top:0;font-weight:600;text-align:left;z-index:3}.saver-manage-cameras-main .cameras-table tbody td{text-align:left}.saver-manage-cameras-main .cameras-table tbody td .status-container{display:inline-flex;flex-direction:column;justify-content:center;gap:10px}.saver-manage-cameras-main .cameras-table tbody .cam-name div{display:flex;flex-direction:column}.saver-manage-cameras-main .cameras-table tbody .cam-name div .cam-kind{font-size:14px;color:#969696;font-weight:500}.saver-manage-cameras-main .cameras-table tbody .button-col div{display:flex;gap:10px;align-items:center;justify-content:end}.saver-manage-cameras-main .cameras-table tbody .graph{width:400px;height:90px;display:flex;align-items:center;justify-content:center;color:#969696;font-family:Martian Mono,monospace;font-size:14px}.saver-manage-cameras-main .cameras-table tbody .record-actions{display:flex;align-items:center}.saver-manage-cameras-main .cameras-table tbody .icon-col{text-align:center}.saver-manage-cameras-main .cameras-table tbody .icon-col svg{color:#969696}.remote-page{height:calc(100vh - 124px);padding-top:64px}.remote-page .remote-content{margin-left:200px;display:flex;flex-direction:column;height:calc(100vh - 68px);transition:margin-left .4s ease,height .4s ease;border:2px solid #282a30}.remote-page .remote-content .no-selection{color:#969696;font-family:Martian Mono,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:14px;gap:50px;height:100%}.remote-page .remote-content .no-selection img{width:200px;filter:grayscale(1) contrast(.8) opacity(.5)}.remote-page .client-info{position:fixed;bottom:0;right:0;left:200px;height:160px;background:#030712;z-index:100;transition:all .4s ease;transform:translateY(100%);border-left:2px solid #282a30}.remote-page .client-info .client-info-drawer{box-sizing:border-box;height:100%;padding:10px}.remote-page .client-info .client-info-drawer .header{display:flex;align-items:center}.remote-page .client-info .client-info-drawer .header .uptime{margin-left:auto;margin-right:20px;color:#969696;font-family:Martian Mono,monospace;font-size:12px}.remote-page .client-info .client-info-drawer .header .time-select{display:flex;width:120px;gap:10px;align-items:center}.remote-page .client-info .client-info-drawer .header .time-select span{font-size:12px;font-weight:400;color:#969696;font-family:Martian Mono,monospace;text-wrap:nowrap;margin-right:10px}.remote-page .client-info .client-info-drawer .header .time-select .selector>select{font-size:14px;height:32px;border-color:#282a30;color:#969696;background-color:transparent}.remote-page .client-info .client-info-drawer .body{display:flex}.remote-page .client-info .client-info-drawer .body .stats{width:22%;display:flex;gap:10px;padding:10px 0 4px 10px}.remote-page .client-info .client-info-drawer .body .stats .stat{border:1px solid #282a30;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center}.remote-page .client-info .client-info-drawer .body .stats .stat h4{font-size:14px;font-weight:500;color:#969696}.remote-page .client-info .client-info-drawer .body .stats .stat p{font-size:22px;font-family:Martian Mono,monospace;margin-top:10px}.remote-page.client-info-open .client-info{transform:translateY(0)}.remote-page.client-info-open .remote-content{height:calc(100vh - 228px)}.remote-page.client-info-open .toggle-drawer{bottom:170px!important}.remote-page.drawer-open .remote-devices{transform:translate(0)}.remote-page.drawer-open .toggle-drawer svg{transform:rotate(0)}.remote-page.drawer-closed .remote-content{margin-left:0}.remote-page.drawer-closed .toggle-drawer svg{transform:rotate(180deg)}.remote-page.drawer-closed .client-info{left:0}.remote-page.drawer-closed .remote-devices{transform:translate(-100%)}.remote-page .remote-devices{position:fixed;width:160px;min-height:0;height:auto;padding:20px;top:64px;left:0;bottom:0;background-color:#16181f;z-index:50;transform:translate(-100%);transition:transform .4s ease;display:flex;flex-direction:column}.remote-page .remote-devices h3{margin-bottom:10px}.remote-page .remote-devices .toggle-drawer{width:46px;height:46px;position:absolute;bottom:10px;right:-58px;transition:bottom .4s ease}.remote-page .remote-devices .toggle-drawer svg{transition:transform .4s ease}.remote-page .remote-devices .device-list{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.remote-page .remote-devices .device-list .no-devices{font-family:Martian Mono,monospace;color:#969696;font-size:14px;margin-top:20px}.remote-page .control-cell{display:flex;flex-direction:column;padding:20px;box-shadow:0 2px 6px #0000001a;text-align:center;transition:filter .2s ease;position:relative;cursor:pointer;background-color:#16181f;color:#dfe0e1;font-weight:400;font-size:16px;text-decoration:none;border:2px solid #282a30}.remote-page .control-cell:hover:not(.active){filter:brightness(1.2)}.remote-page .control-cell.active{background-color:#282a30}.remote-page .control-cell.disabled{background-color:transparent;filter:brightness(.7);pointer-events:none}.remote-page .control-cell .device-icon{object-fit:contain;width:auto;margin-bottom:10px;height:50px}.remote-page .control-cell .device-icon svg{color:#969696;height:50px}.remote-page .control-cell .device-name{font-size:16px;font-weight:500;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remote-page .control-cell .device-id{font-size:12px;color:#969696;font-weight:500;margin-top:5px;text-wrap:wrap;overflow:hidden;text-overflow:ellipsis}.remote-page .control-cell .device-status{color:#4ade80;position:absolute;top:10px;right:10px}.remote-page .control-cell .device-status.offline{color:#de4a4a}.remote-page .control-cell .device-status.indeterminate{color:#decd4a}.remote-page .control-cell .device-status svg{z-index:2;margin-right:10px}.remote-page .control-cell .device-status .ping-ring{border:2px solid currentColor;fill:#4ade80;opacity:.6;transform-origin:center;animation:ping-ring 2.5s infinite ease-out}@keyframes ping-ring{0%{transform:scale(1);opacity:.6}70%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.saver-system-about-main{width:100%;display:flex;flex-direction:column;padding:30px;max-height:calc(100vh - 286px);overflow-y:auto}.saver-system-about-main .query-error-message{font-size:14px;font-family:Martian Mono,monospace;color:#de4a4a;margin:0 0 10px;padding:10px 0;text-align:left}.saver-system-about-main .telemetry-container{display:flex;flex-direction:column;gap:20px}.saver-system-about-main .telemetry-container h4{font-size:18px;font-weight:500;color:#969696}.saver-system-about-main .telemetry-container .sysinfo{display:flex;flex-wrap:wrap;gap:20px;width:100%}.saver-system-about-main .telemetry-container .sysinfo .stat{border:2px solid #282a30;flex:1 1 300px;padding:20px;text-align:center}.saver-system-about-main .telemetry-container .sysinfo .stat p{font-size:22px;font-family:Martian Mono,monospace;margin-top:10px}.saver-system-about-main .telemetry-container .charts{display:flex;gap:20px;width:100%}.saver-system-about-main .telemetry-container .charts .chart{border:2px solid #282a30;width:100%;padding:20px}.saver-system-about-main .telemetry-container .charts .chart h4{margin-bottom:20px}.saver-system-about-main .telemetry-container .mem-net{display:flex;gap:20px;width:100%}.saver-system-about-main .telemetry-container .mem-net .mem-stats,.saver-system-about-main .telemetry-container .mem-net .network{border:2px solid #282a30;width:100%;padding:20px}.saver-system-about-main .telemetry-container .mem-net table{border-collapse:collapse;margin-top:10px;width:100%;border:2px solid #282a30;font-family:Martian Mono,monospace;font-size:14px}.saver-system-about-main .telemetry-container .mem-net table tr{height:40px}.saver-system-about-main .telemetry-container .mem-net table th,.saver-system-about-main .telemetry-container .mem-net table td{border:none;border-top:2px solid #282a30;padding:0 10px}.saver-system-about-main .telemetry-container .mem-net table thead{background-color:#282a30;color:#dfe0e1;text-align:left}.saver-system-about-main .telemetry-container .mem-net table thead th{font-weight:500}