.contentContainer{justify-content:space-between;display:flex}.subContainer{box-sizing:border-box;flex-direction:column;justify-content:center;display:flex;position:relative}.subContainerLeft{justify-content:space-between;width:20vw;min-width:175px;max-width:250px;position:relative}.subContainerLeft #listContainer{flex-shrink:1;min-height:0}.subContainerLeft .clientPanelBox{height:60px}@media (width>=200px) and (width<=750px){.subContainerLeft.subContainer{width:1px;position:absolute}.subContainerLeft #listContainer{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}.subContainerLeft #listContainer.active{opacity:1;z-index:11;width:100vw;height:auto;position:fixed;left:0;right:0}.subContainerLeft #listContainer.active .container{padding:12px;height:100vh!important;max-height:calc(100vh - 97px)!important}.subContainerLeft .clientPanelBox{opacity:1;z-index:100;width:auto;height:90px;position:fixed;bottom:0;left:0;right:0}.subContainerLeft .clientPanelBox .container{min-height:90px!important}}.subContainerLeft .container{flex-direction:column;height:100%;display:flex;overflow:hidden}@media (width>=200px) and (width<=750px){.subContainerLeft .container div{border-radius:none;padding:0}}.subContainerLeft #listContainer{flex:1;margin-bottom:12px}.subContainerRight{width:14vw;max-width:140px;overflow-y:overflow;justify-content:start;gap:12px;overflow-x:hidden}.subContainerRight::-webkit-scrollbar{background-color:#0000;width:10px;height:10px}@media (width>=950px){.subContainerRight.withBreakLine{flex-shrink:2;width:70vw}}.subContainerRight.active::-webkit-scrollbar-thumb{background-color:#0000002a;border-radius:10px}.subContainerRight::-webkit-scrollbar-corner{display:none}@media (width>=200px) and (width<=750px){.subContainerRight{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}}@media (width>=750px) and (width<=1150px){.subContainerRight{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}}.subContainerMiddle{flex-shrink:0;justify-content:space-between;height:100%;margin-left:12px;margin-right:12px}@media (width>=200px) and (width<=750px){.subContainerMiddle{margin-left:0;margin-right:0}}@media (width>=750px) and (width<=1150px){.subContainerMiddle{margin-right:0}}@media (width>=950px){.subContainerMiddle.withBreakLine{flex-shrink:2;width:70vw}}@media (width>=750px) and (width<=1150px){.subContainerMiddle{max-width:76vw}}.subContainerMiddle{flex:1}.subContainerMiddle .container{max-height:100%!important}@media (width>=200px) and (width<=750px){.subContainerMiddle .container{margin-bottom:97px;min-height:auto!important}}.subContainerMiddle.withoutRightPanel{width:100%;max-width:100%;margin-right:0}@media (width>=200px) and (width<=750px){.subContainerMiddle.withoutRightPanel{width:100vw}.subContainer{border-radius:none;width:100%}}.subContainerThumb{flex-direction:column;justify-content:space-between;display:flex}.onLogsPanelHeader{flex-shrink:0;justify-content:space-between;justify-items:center;padding:12px;display:flex;position:relative}.onLogsPanelHeader i{flex-direction:column-reverse;justify-content:center;justify-items:center;font-size:18px;line-height:1.142;display:flex}.onLogsPanelHeader i:before{justify-content:center;justify-items:center;display:flex}.onLogsPanelHeader h1{cursor:pointer;padding:6px 6px 6px 0}@media (width>=200px) and (width<=750px){.onLogsPanelHeader h1{margin-right:24px}.onLogsPanelHeader{justify-content:end}}.subContainer>.container{flex-direction:column;gap:16px;display:flex;overflow:hidden}button:hover{opacity:.8;transform:scale(1.1)}.onLogsPanel{flex-direction:column;padding-bottom:16px;display:flex;overflow:hidden}.relative{position:relative}.flex{justify-content:center;align-items:center;display:flex}.flex-start{justify-content:start}@media (width>=200px) and (width<=750px){div .contentContainer{padding:0}}.spaceBetween{justify-content:space-between}.end{justify-content:end}.button{color:#1b1850;cursor:pointer;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;height:100%;padding-left:12px;padding-right:12px;font-family:Ubuntu,sans-serif;font-size:14px;font-weight:400;line-height:2.5;display:flex}.button.highlighted{color:#fbfcff;background-color:#4e49da}.button.border{box-shadow:1px 1px 10px #00000026}.button .iconWidthText{padding-right:12px}.button:disabled{opacity:.6;cursor:auto;transform:none}.container{color:#1b1850;box-sizing:border-box;background-color:#fff;border-radius:20px;height:100%;padding:16px 12px;font-family:Ubuntu,sans-serif}@media (width>=200px) and (width<=750px){.container{border-radius:0;padding:12px}}.container.highlighted{color:#fbfcff;background-color:#4e49da}.container.border{box-shadow:1px 1px 30px #0527461a}.container.paddingOff{padding:0}.logsString{vertical-align:middle;align-items:flex-start;gap:10px;padding-top:5px;padding-bottom:5px;font-family:Source Code Pro,monospace;font-size:14px;display:flex;position:relative}@media (width>=200px) and (width<=750px){.logsString{line-height:1.5;display:block}.logsString .message{flex-direction:column;display:flex}}@media (width>=750px) and (width<=1150px){.logsString{line-height:1.5;display:block}.logsString .message{flex-direction:column;display:flex}}.logsString .onlogs,.logsString .meta{color:#4e49da}.logsString .status{vertical-align:middle;cursor:pointer;min-width:68px;line-height:130%}.logsString .status :hover{transform:scale(1.02)}.logsString .status span{font-size:18px;line-height:50%}.logsString .status.chosenStatus{background-color:#4e49da40;border-radius:6px}.logsString .time{text-align:center;width:84px;min-width:122px;margin-right:8px;display:flex}.logsString .time>div{align-items:center;display:flex}@media (width>=750px) and (width<=1150px){.logsString .time{flex-direction:row-reverse;justify-content:start;width:150px;margin:0;position:absolute;top:4px;left:80px}}@media (width>=200px) and (width<=750px){.logsString .time{flex-direction:row-reverse;justify-content:start;width:150px;margin:0;position:absolute;top:4px;left:80px}}.logsString .shareLinkButtonThumb,.logsString .contextButtonThumb{opacity:0;cursor:pointer;margin-left:4px}@media (width>=750px) and (width<=1150px){.logsString .shareLinkButtonThumb,.logsString .contextButtonThumb{margin:0 4px 0 0}}.logsString:after{content:"";z-index:1;width:100%;position:absolute;bottom:0}.logsString .hidden{opacity:0}.logsString:last-child{border-top:1px solid #c8d2e5}.logsString.new{background-color:#4492db2c}.logsString .log-Json{cursor:pointer;font-size:28px;position:absolute;left:12px}.logsString pre{white-space:pre-wrap;word-break:break-all}.logsString:hover .shareLinkButtonThumb,.logsString:hover .contextButtonThumb{opacity:.6}.logsString:hover .shareLinkButtonThumb:hover,.logsString:hover .contextButtonThumb:hover{opacity:1}.emptyLogsString{border-top:none!important}.number{color:#f99157}.string{color:#be998a}.key{color:#6e1963}#top-line{align-items:center;gap:12px;display:flex}#top-line .searchButtonContainer{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}#top-line i{display:flex}@media (width>=200px) and (width<=750px){#top-line p{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}#top-line h2{font-size:16px}#top-line .header.search.hidden{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}#top-line .searchButtonContainer{opacity:1;width:auto;height:auto;position:static;left:0;right:0}}.chosenString{position:relative}div .chosen tr{background-color:#c244db40;border-radius:10px}.logsTable{border-collapse:collapse;width:100%;height:100%;position:relative}.logsTable .message{white-space:nowrap}.logsTable #endOfLogs{position:absolute;bottom:5vh}.breakLines .message p{white-space:pre-line;word-break:break-all}.searchedText{background-color:tomato}h2.noLogsMessage{color:#a3a3b9;place-self:center;height:100%;margin-top:25%;display:flex}.searchIcoContainer{pointer-events:none;position:absolute;left:16px}.search{vertical-align:baseline;justify-content:space-between;align-items:center;display:flex;position:relative}.search input{box-sizing:border-box;background-color:#f8fafb;border:1px solid #a3a3b9;border-radius:10px;width:200px;height:40px;padding:0 14px 0 40px;font-size:16px}.search input:focus{border:2px solid #4e49da;outline:none}.logs{overflow-y:scroll}@media (width>=200px) and (width<=750px){.logs#logs{overflow:overlay;padding-left:0;padding-right:0}}.timeBadgeWrapper{margin-left:12px;position:relative}@media (width>=200px) and (width<=750px){.timeBadgeWrapper{margin-left:0}}.timeBudge{text-align:center;color:#e4e7eb;z-index:4;background-color:#4e49da;border-radius:20px;width:max-content;margin:12px auto;padding:6px 12px;font-size:14px;font-weight:600;position:relative}.timeBudge.pined{z-index:2;margin-top:0;margin-bottom:0;position:absolute;left:0;right:0}.logs::-webkit-scrollbar{background-color:#f0eeee00;width:10px;height:10px}.logs::-webkit-scrollbar-corner{display:none}div.login.contentContainer{justify-content:center;align-items:center;display:flex}div.loginForm{flex-direction:column;align-items:center;gap:20px;padding:0 15px;display:flex}div.loginForm h1#title{color:#4e49da}div.loginForm input{background-color:#f8fafb;border:1px solid #a3a3b9;border-radius:10px;height:30px;padding-left:15px;font-family:Ubuntu;font-size:14px;font-style:normal;font-weight:700}div.loginForm input :focus{outline:none}div.loginForm input.wrong{border:1px solid red}div.loginForm div.bottom{justify-content:space-between;align-items:center;width:100%;display:flex}div.loginForm div.bottom p{visibility:hidden;color:red;font-family:Ubuntu;font-size:12px;font-style:normal;font-weight:400}div.loginForm div.bottom p.wrong{visibility:initial}div.loginForm div.bottom div.confirmButton{border-radius:20px;box-shadow:1px 1px 15px #0527464d}div.loginForm form{flex-direction:column;gap:20px;display:flex}.loginContainer{background-color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20vw;min-height:25vh;padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.clientPanel{justify-content:center;align-items:center;height:100%;display:flex}div.clientPanel i{color:#1b1850;font-size:27px;line-height:1}div.clientPanel ul{justify-content:center;align-items:center;height:100%;display:flex}div.clientPanel li{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0%;display:flex;position:relative}div.clientPanel li:hover{opacity:.8}div.clientPanel li.active i{color:#4e49da}div.clientPanel li .higlightedOverlay.active{z-index:-1;background-color:#0000000d;width:100%;height:calc(100% + 32px);position:absolute;top:-16px;left:0}div.clientPanel li .higlightedOverlay.active.active{box-sizing:border-box;z-index:1;background:#8ca8fe1a;border-bottom:6px solid #4e49da}div.clientPanel .clientPanelOptionsList{justify-content:space-between;width:100%;display:flex}@media (width>=750px) and (width<=1150px){div.clientPanel .burger{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}}@media (width>=950px){div.clientPanel .burger{opacity:0;width:1px;height:1px;position:absolute;left:-99999px;right:-99999px}}.dropDownContainer{color:#1b1850;z-index:5;background-color:#fff;border-radius:10px;width:max-content;padding:20px;position:absolute;top:110%;right:50%;transform:translate(50%);box-shadow:1px 1px 10px #00000026}@media (width>=200px) and (width<=750px){.dropDownContainer{position:fixed;top:60px;left:0;transform:translate(20%)}}.dropDownContainer td{vertical-align:middle;padding-top:12px}.dropDownContainer{right:100%;transform:translate(25%)}.dropDownContainer .dropDownRawEl.text{margin-right:5px}@media (width>=200px) and (width<=750px){.dropDownContainer.addHost#addHost{z-index:150;width:auto;padding:12px;position:fixed;top:0;left:0;right:0;transform:none}}.emptyBox{opacity:0;width:1px;height:28px}.dropDownRawEl.ico{margin-right:12px}.dropDownRawEl.text{margin-right:26px;font-size:14px}.rowContainer{margin-bottom:20px}.isFirst td{padding-top:0}.checkboxContainer{box-sizing:border-box;cursor:pointer;background-color:#c8d2e5;border-radius:30px;justify-content:start;align-items:center;width:47px;height:28px;padding:5px;display:flex;position:relative}.active .checkboxRoll{background-color:#4e49da;transition:all .1s;position:absolute;transform:translate(85%)}.inactive .checkboxRoll{background-color:#414860;transition:all .2s;transform:translate(0)}.checkboxRoll{background-color:#4e49da;border-radius:100%;width:20px;height:20px}.userTable{width:100%}.userTable th{border-bottom:1px solid #c8d2e5;padding:5px}.userTable tr{border-bottom:1px solid #c8d2e5}.userTable span{justify-content:center;align-items:center;padding:12px;display:flex}.userTable .buttonSpanContainer{max-width:150px;margin-left:auto;margin-right:16px;padding:4px}.userTable .buttonSpan{margin-left:12px;padding:0}table{border-collapse:collapse}.userCreateForm{color:#c8d2e5}.userCreateForm .input{box-sizing:border-box;background-color:#f8fafb;border:1px solid #c8d2e5;border-radius:10px;outline:none;width:100%;padding:12px}.userCreateForm label{color:#1b1850;margin-bottom:6px;margin-left:6px;font-size:14px}.userCreateForm .inputContainer{flex-direction:column;justify-content:center;align-items:center;margin-top:12px;display:flex}.userCreateForm input:focus{border:2px solid #4e49da}.userCreateForm .buttonsContainer{justify-content:center;gap:42px;margin-top:24px;display:flex}.userCreateForm h3{color:#1b1850}.usersHeaderContainer{justify-content:space-between;align-items:center;gap:24px;display:flex}.usersHeaderContainer h3{max-width:150px}.usersHeaderContainer .addUserButton{cursor:pointer;color:#fbfcff;background-color:#4e49da;border-radius:100%;justify-content:center;align-items:center;width:20px;height:20px;padding:12px;display:flex}.usersHeaderContainer .addUserButton:hover{transform:scale(1.1)}.buttonModalContainer{justify-content:space-around;margin-top:54px;margin-bottom:24px;display:flex}.editInput{box-sizing:border-box;color:#1b1850;border:1px solid #a3a3b9;border-radius:10px;margin-top:20px;padding:6px 12px;font-size:16px}.editInput:focus{border:2px solid #4e49da;outline:none}.editInputContainer{justify-content:center;display:flex}.userMenu{text-align:center}.modalContainer{z-index:6;background-color:#eaf0f7d7;border-radius:10px;max-width:86vw;min-height:min-content;padding:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:1px 1px 10px #00000026}@media (width>=200px) and (width<=750px){.modalContainer{z-index:15;min-width:40vw;max-width:96vw}.modalContainer .modalContainer{min-width:40vw;max-width:86vw;overflow-x:auto}.modalContainer .attentionZone{width:86vw;min-width:40vw;overflow-x:auto}}.closeButton{color:#4e49da;cursor:pointer;background-color:#0000001a;border-radius:100%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:10px;left:calc(100% - 40px)}.modalContainer:has(.logContext){background-color:#fff}.logContext{width:80vw;max-width:1100px}.logContext .logContextHead{margin-bottom:8px;padding-right:40px}.logContext .logContextHead p{color:#a3a3b9;font-size:12px}.logContext .logContextLoading{justify-content:center;align-items:center;height:120px;padding-left:32px;display:flex}.logContext .logContextBox{height:60vh;position:relative;overflow:auto}.logContext .contextAnchor{background-color:#4e49da40;border-radius:10px}.logContext .logContextMore{cursor:pointer;color:#414860;background-color:#f8fafb;border-radius:10px;width:100%;padding:6px 0;font-size:12px}.logContext .logContextMore:hover{opacity:1;background-color:#4e49da40;transform:none}.logContext .logContextMore:disabled,.logContext .logContextMore:disabled:hover{cursor:default;opacity:.5;background-color:#f8fafb}@media (width>=200px) and (width<=750px){.logContext{width:86vw}}.dark-mode .modalContainer:has(.logContext){background-color:#1f2933}.dark-mode .logContext .contextAnchor{background-color:#c244db40}.dark-mode .logContext .logContextMore{color:#cbd2d9;background-color:#99a9b931}.dark-mode .logContext .logContextMore:hover{background-color:#c244db40}.dark-mode .logContext .logContextMore:disabled,.dark-mode .logContext .logContextMore:disabled:hover{background-color:#99a9b931}.groupModal{min-width:300px;max-width:450px}@media (width>=200px) and (width<=750px){.groupModal{width:76vw;min-width:auto}}.groupModal h3{color:#1b1850;margin-bottom:16px;padding-right:40px}.groupModal .groupNameInput{box-sizing:border-box;color:#1b1850;background-color:#f8fafb;border:1px solid #a3a3b9;border-radius:10px;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:16px}.groupModal .groupNameInput:focus{border:2px solid #4e49da;outline:none}.groupModal .groupModalTree{max-height:40vh;margin-top:20px;overflow-y:auto}.groupModal .groupModalTree::-webkit-scrollbar{background-color:#0000;width:10px;height:10px}.groupModal .groupModalTree::-webkit-scrollbar-corner{display:none}.groupModal .groupModalHost{justify-content:start;align-items:center;gap:12px;margin-top:12px;font-size:14px;font-weight:700;display:flex}.groupModal .groupModalHost:first-child{margin-top:0}.groupModal .groupModalHost i{font-size:16px;line-height:1}.groupModal .groupModalService{align-items:center;gap:12px;padding:4px 0;display:flex}.groupModal .groupModalService:hover{opacity:.8}.groupModal .groupModalService input[type=checkbox]{accent-color:#4e49da;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:0}.groupModal .groupModalService span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.groupModal .groupModalService .disabled{opacity:.2}.groupModal .groupModalButtons{justify-content:end;gap:8px;margin-top:24px;display:flex}.groupModal #groupModalDelete{margin-right:auto}.hostAliasModal{min-width:320px;max-width:420px}@media (width>=200px) and (width<=750px){.hostAliasModal{width:76vw;min-width:auto}}.hostAliasModal h3{color:#1b1850;margin-bottom:4px;padding-right:40px}.hostAliasModal .hostAliasReal{color:#a3a3b9;text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px;font-family:Source Code Pro,monospace;font-size:14px;overflow:hidden}.hostAliasModal .hostAliasInput{box-sizing:border-box;color:#1b1850;background-color:#f8fafb;border:1px solid #a3a3b9;border-radius:10px;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:16px}.hostAliasModal .hostAliasInput:focus{border:2px solid #4e49da;outline:none}.hostAliasModal .hostAliasHint{color:#a3a3b9;margin-top:10px;font-size:12px;line-height:1.5}.hostAliasModal .hostAliasButtons{justify-content:end;margin-top:24px;display:flex}.dark-mode .hostAliasModal .hostAliasInput:focus{border-color:#c244db}.dark-mode{background-color:#121212}.dark-mode .log{color:inherit}.dark-mode div{color:#cbd2d9}.dark-mode div .dropDownContainer{color:#cbd2d9;background-color:#1f2933;box-shadow:1px 1px 5px #000000b3}.dark-mode div .container{color:#cbd2d9;background-color:#1f2933;box-shadow:1px 1px 12px #171818b3}.dark-mode div .highlighted{background-color:#c244db}.dark-mode .button{color:#e4e7eb;background-color:#c244db}.dark-mode .logsString{border-color:#cbd2d938}.dark-mode .logsString.new{background-color:#c244db10}.dark-mode input{color:#cbd2d9;background-color:#99a9b931;border-color:#fff0}.dark-mode input:focus{border-color:#fff0}.dark-mode div.active .checkboxRoll{background-color:#c244db}.dark-mode .userTable tr{border-color:#cbd2d938}.dark-mode .addUserButton{background-color:#c244db}.dark-mode .modalContainer{color:#cbd2d9;background-color:#1f2933;box-shadow:1px 1px 5px #000000b3}.dark-mode .modalContainer input{color:#e4e7eb;background-color:#99a9b931;border-color:#fff0;outline:none}.dark-mode .modalContainer label,.dark-mode .modalContainer h3{color:inherit}.dark-mode .groupModal .groupNameInput:focus{border-color:#c244db}.dark-mode .groupModal .groupModalService input[type=checkbox]{accent-color:#c244db;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark-mode .contentContainer h1#title{color:#c244db}.dark-mode .contentContainer input{color:#e4e7eb;background-color:#99a9b931;border-color:#fff0;outline:none}.dark-mode .buttonToBottomContainer{background-color:#c244db}.dark-mode .buttonToBottomContainer .icoContainer{z-index:4;color:#fff;font-size:14px}.dark-mode .toastContainer{background-color:#797676;box-shadow:1px 1px 5px #000000b3}.dark-mode .searchIcoContainer{color:#e4e7eb}.dark-mode .textContainer .linksContainer p:hover{color:#c244db}.dark-mode div.clientPanel li:hover{opacity:.8}.dark-mode div.clientPanel li.active i{color:#c244db}.dark-mode div.clientPanel li .higlightedOverlay.active.active{border-bottom:6px solid #c244db}.dark-mode .secretModalContainer{background-color:#1f2933}.dark-mode .secretModalContainer .labelItem.active{color:#c244db}.dark-mode .secretModalContainer .snippetContainer{background-color:#99a9b931}.dark-mode .secretModalContainer .snippetContainer pre,.dark-mode .secretModalContainer .secretMoalTitle{color:#cbd2d9}.dark-mode .loginContainer{background-color:#1f2933}.dark-mode .logSizeContainer,.dark-mode .logSizeContainer .commonText{color:#cbd2d9}.dark-mode .logSizeContainer button.highlighted{color:#1f2933;background-color:#e4e7eb}.dark-mode .deleteModalContainer{background-color:#1f2933}.dark-mode .serviceSettings .title{border-bottom:1px solid #cbd2d938}.dark-mode .toastContainer{background-color:#1f2933}.dark-mode .toastContainer p,.dark-mode .toastContainer h4{color:#cbd2d9}.dark-mode .progressBarContainer{background-color:#121212}.dark-mode .progressBarContainer .progressBarValue{background-color:#c244db}.dark-mode .deleteModalContainer .log-Tips{color:#cbd2d938}.dark-mode div.loginForm h1#title{color:#c244db}.dark-mode ::-webkit-scrollbar-thumb{background-color:#f8f0f020;border-radius:10px}.dark-mode .timeSpan{font-size:14px}.dark-mode .timeSpan div{cursor:pointer}.dark-mode .timeSpan div.active{color:#c244db}.dark-mode .timeBudge{background-color:#c244db}.dark-mode .status.chosenStatus{background-color:#c244db40;border-radius:6px}.dark-mode .number{color:#f99157}.dark-mode .string{color:#8abeb7}.dark-mode .key{color:#81a2be}.dark-mode .log-Last.log{color:#c244db}.dark-mode .log-Last.log.WSisMuted{color:#fff9f927}.listWithChoise{overflow-y:overlay;padding:0 12px;overflow-x:auto}.listWithChoise::-webkit-scrollbar{background-color:#0000;width:10px;height:10px}.listWithChoise.active::-webkit-scrollbar-thumb{background-color:#0000002a;border-radius:10px}.listWithChoise::-webkit-scrollbar-corner{display:none}.listWithChoise .listElementButton{text-align:center}.listWithChoise .listElement{cursor:default}.listWithChoise .hostHeader:hover{opacity:.8}.listWithChoise .hostHeader:hover .headerButton{opacity:1}.listWithChoise .headerButton{opacity:0}.listWithChoise .hostHeader{justify-content:start;align-items:center;gap:12px;display:flex}.listWithChoise .log-Pencil{font-size:18px}.listWithChoise .hostName{cursor:pointer;font-size:14px;font-weight:700}.listWithChoise .hostRow{justify-content:space-between;align-items:center;margin-left:12px;margin-right:12px;display:flex}.listWithChoise .hostRow p{text-overflow:ellipsis;white-space:nowrap;z-index:3;cursor:pointer;font-size:14px;overflow:hidden}.listWithChoise .hostRow .disabled{opacity:.2}.listWithChoise .highlightedOverlay{z-index:-1;background-color:#0000000d;width:100%;height:39px;position:absolute;top:0}.listWithChoise .highlightedOverlay.active{box-sizing:border-box;z-index:1;background:#fbfcff1a;border-left:9px solid #cbd2d9}.listWithChoise li{cursor:pointer;margin-bottom:0}.listWithChoise .listElementButton .log-Heart,.listWithChoise .listElementButton .log-ChartFilled,.listWithChoise .listElementButton .log-WheelFilled{opacity:1}.listWithChoise .listElementButton .log-EmptyHeart,.listWithChoise .listElementButton .log-Chart,.listWithChoise .listElementButton .log-Wheel{opacity:0}.listWithChoise .serviceListItem:hover{opacity:.8}.listWithChoise .serviceListItem:hover .log-EmptyHeart,.listWithChoise .serviceListItem:hover .log-Chart,.listWithChoise .serviceListItem:hover .log-Wheel{opacity:1}.listWithChoise .serviceListItem:hover .listElementButton{cursor:pointer;z-index:2}.listWithChoise .serviceListItem{margin-left:-12px;margin-right:-12px;position:relative}@media (width>=200px) and (width<=750px){div .listWithChoise .serviceListItem{margin-left:0;margin-right:0}}.listWithChoise .stopedServices{padding-left:12px;font-size:14px;font-weight:700}.listWithChoise .stopedServicesBox{margin-top:4px;margin-bottom:4px}.listWithChoise .log-Pointer{cursor:pointer;padding:6px;font-size:10px;transform:rotate(0)}.listWithChoise .log-Pointer.rotated{transform:rotate(-90deg)}.listWithChoise .hostToggle{margin-left:auto}.listWithChoise .buttonBox{gap:8px;display:flex}.listWithChoise .listElementButton:hover{transform:scale(1.15)}.commonList{margin-top:24px;margin-left:16px;margin-right:16px}.commonList li{cursor:default;margin:0;position:relative}.commonList li.clickable{cursor:pointer}.commonList li:hover{opacity:.8}.commonList li:hover .log{opacity:1;cursor:pointer;font-size:22px}.commonList .listElement{justify-content:space-between;align-items:center;display:flex}.commonList .name{font-size:14px}.commonList .log{opacity:0;font-size:22px}.commonList .highlightedOverlay{z-index:-1;background-color:#0000000d;width:calc(100% + 40px);height:100%;margin-left:-16px;position:absolute;top:0}.commonList .highlightedOverlay.active{box-sizing:border-box;z-index:1;background:#fbfcff1a;border-left:9px solid #cbd2d9}.buttonToBottomContainer{color:#fff;opacity:.4;background-color:#4e49da;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:1px 1px 10px #00000026}.buttonToBottomContainer:hover{opacity:1;cursor:pointer}.buttonToBottomContainer .icoContainer{z-index:4;color:#fbfcff;justify-content:center;align-items:center;font-size:14px;display:flex}@media (width>=200px) and (width<=750px){.buttonToBottomContainer{bottom:110px}}.buttonToBottomContainer .buttonToBottomNumber{background-color:#121212;border-radius:6px;min-width:50%;padding:2px;position:absolute;top:0;right:0;transform:translateY(-70%)}.subContainerMiddle .subContainer{position:relative}.toastContainer{box-sizing:border-box;z-index:10;color:#fff;background-color:#fff;border-radius:10px;flex-direction:column;align-items:center;width:300px;height:140px;padding:0 12px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:1px 1px 10px #00000026}.toastContainer .toastButtonContainer{max-height:64px;position:absolute;bottom:12px;right:12px}.toastContainer .toastButtonContainer.additionalButton{left:12px}.toastContainer .log{font-size:22px;position:absolute;top:12px;left:12px}.toastContainer .log-Error{color:#992c2c}.toastContainer .log-Success{color:#2f912d}.toastContainer .log-Warning{color:#ac681a}.toastContainer p{text-overflow:ellipsis;color:#1b1850;margin-bottom:12px;font-size:14px;overflow:hidden}.toastContainer h4{color:#1b1850;margin:12px 0;font-size:22px}.toastContainer .additionButtonContainer{justify-content:space-between;display:flex}.textContainer{width:fit-content;margin-top:30vh;margin-left:auto;margin-right:auto;display:block}.textContainer .tittle{margin-bottom:16px}.textContainer .linksContainer{justify-content:center;gap:16px;display:flex}.textContainer .linksContainer p{cursor:pointer;padding:8px}.textContainer .linksContainer p:hover{color:#4e49da;background-color:#fff;border-radius:10px}.secretModalContainer{z-index:7;background-color:#fff;border-radius:10px;flex-direction:column;min-width:300px;min-height:200px;padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.secretModalContainer .snippetContainer{background-color:#f8fafb;border-radius:0 10px 10px;min-width:430px;min-height:170px;margin-bottom:30px;padding:20px 16px;position:relative;box-shadow:1px 1px 10px #00000026}.secretModalContainer .snippetContainer pre{color:#1b1850;margin:0}.secretModalContainer .buttonWrapper{justify-content:end;display:flex}.secretModalContainer .secretMoalTitle{color:#1b1850}.secretModalContainer .labelsBox{justify-content:left;align-items:stretch;max-width:50%;max-height:70px;margin-top:12px;font-size:12px;box-shadow:1px 1px 10px #00000026}.secretModalContainer .labelItem{background-color:#99a9b931;border-top-left-radius:4px;border-top-right-radius:4px;width:50%;margin-right:4px;padding:6px}.secretModalContainer .labelItem.active{z-index:5;color:#4e49da;font-weight:600}.secretModalContainer .coppyButton{position:absolute;top:14px;right:14px}.secretModalContainer .coppyButton i{font-size:18px!important}@media (width>=200px) and (width<=750px){.secretModalContainer{z-index:15;max-width:86vw}.secretModalContainer .snippetContainer{min-width:60vw;max-width:76vw;overflow-x:auto}}.logSizeContainer{color:#1b1850;flex-direction:column;justify-content:space-around;height:100%;display:flex;position:relative}.logSizeContainer .log{font-size:24px}.logSizeContainer .title{margin-top:10px;margin-bottom:10px}.logSizeContainer .title span{font-size:.7rem}.logSizeContainer .commonText{color:#a3a3b9;font-size:14px}.logSizeContainer .cleanButtonContainer{position:absolute;top:0;right:0}.logSizeContainer .cleanButtonContainer .log{font-size:24px!important}.deleteModalContainer{z-index:7;background-color:#fff;border-radius:10px;min-width:350px;max-width:450px;padding:12px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:1px 1px 10px #00000026}@media (width>=200px) and (width<=750px){.deleteModalContainer{width:80vw}}.deleteModalContainer .boldText{font-weight:800}.deleteModalContainer .deleteModalTitle{text-align:center;margin-top:16px;margin-bottom:16px}.deleteModalContainer .optionsBox{flex-direction:column;align-items:center;margin-top:24px;margin-bottom:24px;display:flex}.deleteModalContainer .optionBox{grid-template-columns:1fr 1fr;display:grid}.deleteModalContainer .optionBox p,.deleteModalContainer .optionBox .checkboxContainerThumb{justify-content:center;align-items:center;display:flex}.deleteModalContainer .buttonsBox{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.deleteModalContainer .log-Tips{color:#c8d2e5;font-size:16px;line-height:1;position:absolute;top:16px;right:16px}.tipsContainer{position:relative}.tipsText{z-index:8;background-color:#fff;border-radius:10px;max-width:236px;font-size:14px;line-height:1.5;position:absolute;top:0%;right:0%;transform:translate(106%);box-shadow:1px 1px 10px #00000026;height:238px!important}@media (width>=200px) and (width<=750px){.tipsText{transform:translateY(-108%)}}@media (width>=750px) and (width<=1150px){.tipsText{transform:translateY(-108%)}}.serviceSettings{margin:12px}@media (width>=200px) and (width<=750px){.serviceSettings{text-align:center;margin:30px 0 0}}.serviceSettings .title{border-bottom:1px solid #c8d2e5;margin-bottom:24px;padding-bottom:16px}.serviceSettings .text{margin:16px}.serviceSettings .actionThumb{justify-content:space-between;align-items:center;margin-top:26px;display:flex}@media (width>=200px) and (width<=750px){.serviceSettings .actionThumb{text-align:center;flex-direction:column}}.serviceSettings .actionTitle{flex-direction:column;display:flex}@media (width>=200px) and (width<=750px){.serviceSettings .actionTitle{margin-bottom:12px}}.serviceSettings span{margin-bottom:12px;font-weight:700}.statsItem{cursor:pointer;margin:0 0 6px;padding:0;font-size:14px}.statsItem :hover{transform:scale(1.02)}.statsTittle{margin-top:12px;margin-bottom:12px}.log-Info{font-size:18px;line-height:1}.timeSpan{font-size:14px}.timeSpan div{cursor:pointer;padding:2px;font-weight:600}.timeSpan div.active{color:#4e49da}.statsContainer{color:#1b1850}.chartContainer{flex-direction:column;gap:20px;height:100%;display:flex}.chartContainer .chartHeader{border-bottom:1px solid #c8d2e5;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}@media (width>=200px) and (width<=750px){.chartContainer .chartHeader{flex-direction:column;gap:8px}}.chartContainer .chartTittle{text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.2;overflow:hidden}.chartContainer .chartSubtitle{color:#a3a3b9;font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px}.chartContainer .timeSpan{flex-shrink:0;gap:4px;font-size:14px}.chartContainer .timeSpan div{cursor:pointer;color:#a3a3b9;border-radius:100px;padding:4px 12px;font-weight:600}.chartContainer .timeSpan div:hover{color:#1b1850}.chartContainer .timeSpan div.active{color:#fbfcff;background-color:#4e49da}.chartContainer .chartCanvas{flex:1;justify-content:center;align-items:center;min-height:320px;display:flex}.chartContainer .chartEmpty{color:#a3a3b9;font-size:16px}.dark-mode .chartContainer .chartHeader{border-bottom-color:#cbd2d938}.dark-mode .chartContainer .timeSpan div:hover{color:#cbd2d9}.dark-mode .chartContainer .timeSpan div.active{color:#e4e7eb;background-color:#c244db}.log-Last{color:#4e49da;cursor:pointer;font-size:20px}.log-container{flex-direction:column;gap:8px;display:flex}.log-container .log-Last{margin-right:8px}.log-container .log-Last.WSisMuted{color:#00000027}.log-container .log-time{align-items:center;display:flex}.log-container .log-time span{margin-left:4px}.streamInfoTimeWrapper{align-items:baseline;gap:4px;display:flex}.streamInfoTime{font-size:16px;font-weight:700}.streamInfoTimeShortName{vertical-align:bottom;font-size:.8rem;line-height:1}.log-heading{font-size:14px;font-weight:200}body{background-color:#eaf0f7d7;width:100vw;height:100vh;margin:0;font-family:Ubuntu,sans-serif}h1,h2,h3,h4{margin:0}h1{font-size:28px}.contentContainer{box-sizing:border-box;height:100vh;padding:12px}li{color:inherit;padding:10px 0;list-style:none}p{margin:0}button{border-width:0}ul,h2{margin:0;padding:0}input{border:0}.visuallyHidden{opacity:0;width:1px;height:1px;display:none;position:absolute;top:-999999px;left:-999999px}.clickable{cursor:pointer}.modalOverlay{z-index:6;background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}@media (width>=200px) and (width<=750px){#modalOverlay{z-index:14}}::-webkit-scrollbar-thumb{background-color:#00000020;border-radius:10px}.error{color:#ff4242}.debug{color:#178f15}.warn{color:#ff8a00}.info{color:#87ceeb}.meta{color:#4e49da}li{cursor:default}.loader.svelte-2zheo5{color:#fff;background:currentColor;border-radius:50%;width:16px;height:16px;position:relative;left:-32px;box-shadow:32px 0,-32px 0,64px 0}.loader.svelte-2zheo5:after{content:"";background:#c244db;border-radius:10px;width:16px;height:16px;animation:3s linear infinite alternate svelte-2zheo5-move;position:absolute;top:0;left:-32px}@keyframes svelte-2zheo5-move{0%,5%{width:16px;left:-32px}15%,20%{width:48px;left:-32px}30%,35%{width:16px;left:0}45%,50%{width:48px;left:0}60%,65%{width:16px;left:32px}75%,80%{width:48px;left:32px}95%,to{width:16px;left:64px}}.wrapper.svelte-15q7j0m{height:var(--size);width:var(--size);animation:svelte-15q7j0m-moonStretchDelay var(--duration) 0s infinite linear;border-radius:100%;animation-fill-mode:forwards;position:relative}.circle-one.svelte-15q7j0m{top:var(--moonSize);background-color:var(--color);width:calc(var(--size) / 7);height:calc(var(--size) / 7);animation:svelte-15q7j0m-moonStretchDelay var(--duration) 0s infinite linear;opacity:.8;border-radius:100%;animation-fill-mode:forwards;position:absolute}.circle-two.svelte-15q7j0m{opacity:.1;border:calc(var(--size) / 7) solid var(--color);height:var(--size);width:var(--size);box-sizing:border-box;border-radius:100%}.pause-animation.svelte-15q7j0m{animation-play-state:paused}@keyframes svelte-15q7j0m-moonStretchDelay{to{transform:rotate(360deg)}}@font-face{font-family:onLogsFont;src:url(/assets/onLogsFont-SbjmoQXF.eot?aef3930177b47eac3029189d876a7102?#iefix)format("embedded-opentype"),url(/assets/onLogsFont-CcSjuEgY.woff2?aef3930177b47eac3029189d876a7102)format("woff2"),url(/assets/onLogsFont-MvqLKa7I.woff?aef3930177b47eac3029189d876a7102)format("woff"),url(/assets/onLogsFont-CiRs63ik.ttf?aef3930177b47eac3029189d876a7102)format("truetype"),url(/assets/onLogsFont-BogEg01I.svg?aef3930177b47eac3029189d876a7102#onLogsFont)format("svg");font-weight:400;font-style:normal}.log:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal!important;text-transform:none!important;font-family:onLogsFont!important;font-style:normal!important;font-weight:400!important}.log-Alert:before{content:""}.log-Archive:before{content:""}.log-ArrowRight:before{content:""}.log-Break:before{content:""}.log-Burger:before{content:""}.log-Chart:before{content:""}.log-ChartFilled:before{content:""}.log-Clean:before{content:""}.log-Clock:before{content:""}.log-Close:before{content:""}.log-Colums:before{content:""}.log-Combine:before{content:""}.log-Copy:before{content:""}.log-Cut:before{content:""}.log-Data:before{content:""}.log-Down:before{content:""}.log-EmptyHeart:before{content:""}.log-Error:before{content:""}.log-Eye:before{content:""}.log-Filter:before{content:""}.log-Group:before{content:""}.log-Heart:before{content:""}.log-Home:before{content:""}.log-Info:before{content:""}.log-Json:before{content:""}.log-Last:before{content:""}.log-Leters:before{content:""}.log-Logout:before{content:""}.log-Moon:before{content:""}.log-Pencil:before{content:""}.log-Plus:before{content:""}.log-Pointer:before{content:""}.log-Refresh:before{content:""}.log-Search:before{content:""}.log-Server:before{content:""}.log-Share:before{content:""}.log-ShareLink:before{content:""}.log-Success:before{content:""}.log-Sun:before{content:""}.log-Tips:before{content:""}.log-User:before{content:""}.log-Warning:before{content:""}.log-Wheel:before{content:""}.log-WheelFilled:before{content:""}