html{background-color:var(--color-bg)}html *{box-sizing:border-box;color:var(--color-text);font-family:var(--font-family-primary);font-size:var(--font-size-m);border-width:var(--border-width-s);border-color:var(--border-color-primary)}body{display:flex;flex-direction:column;height:100vh}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}header{border-bottom-style:solid}footer{border-top-style:solid}footer *{font-size:var(--font-size-xs)}content{flex:1 1 auto;min-height:0;overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}header,content,footer{background-color:var(--color-bg-tp-soft)}header,footer{display:flex;flex-direction:row;align-items:center;height:50px;padding:7px;margin:0;flex:0 0 50px;border-width:var(--border-width-l);background-color:var(--color-bg)}main{height:100%;width:100%}input,textarea,select{display:flex;flex-direction:row;align-items:start;align-self:center;box-sizing:border-box;width:100%;height:41px;background:var(--color-input);border:var(--border-width-s) solid var(--color-input-border);border-radius:var(--border-radius-l);padding:8px 14px;font:inherit}textarea{min-height:41px;height:112px;resize:vertical}select{padding:7px 14px}input[type=checkbox]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:20px;height:20px;margin:0;padding:0;appearance:none;background-color:var(--color-input);border:var(--border-width-s) solid var(--color-input-border);border-radius:var(--border-radius-m)}input[type=checkbox]:checked:after{content:"X";font-family:"Font Awesome 6 Free";font-size:13px;font-weight:var(--font-weight-bold)}input:focus,textarea:focus{outline:1.5px solid var(--color-input-focus);box-shadow:none}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder);font-style:italic}input:disabled,input:disabled::placeholder,textarea:disabled,textarea:disabled::placeholder,select:disabled{color:var(--color-input-disabled);border-color:var(--color-input-border-disabled)}div:has(+input),div:has(+textarea),div:has(+.inputRelativeContainer>input),div:has(+.inputContainer>input),div:has(+.inputRelativeContainer>textarea),div:has(+select){display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;text-align:right}div:has(+input:disabled),div:has(+textarea:disabled),div:has(+.inputRelativeContainer>input:disabled),div:has(+.inputRelativeContainer>textarea:disabled),div:has(+select:disabled){color:var(--color-input-disabled)}div.disabled{color:var(--color-input-disabled)}.mqtt-tree-item{--mqtt-topic-node-font-family: var(--font-family-primary);--mqtt-topic-node-title-color: var(--color-text);--mqtt-topic-node-preview-color: var(--color-accent);--mqtt-topic-node-children-left-border-color: var(--border-color-accent);--mqtt-topic-node-title-font-size: var(--font-size-s);--mqtt-topic-node-preview-font-size: var(--font-size-s);--mqtt-topic-node-title-font-weight: none;--mqtt-topic-node-preview-font-weight: none}.inputRelativeContainer{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.v-grid-spacer{height:40px}i{color:var(--color-icon)}button{width:fit-content;height:fit-content;background-color:var(--color-button);padding:12px 24px;border-style:none;border-radius:9px;transition:color .2s ease,background-color .2s ease}button:not(:disabled).warning{background-color:var(--color-button-warning)}button:not(:disabled).warning.pulsing{background-color:var(--color-button-warning);animation:recordingPulse 1.2s ease-in-out infinite}@keyframes recordingPulse{0%{filter:brightness(1);box-shadow:0 0 #ff5050b3}50%{filter:brightness(1.25);box-shadow:0 0 12px 4px #ff505073}to{filter:brightness(1);box-shadow:0 0 #ff505000}}button:not(:disabled).warning:hover{background-color:var(--color-button-warning-hover)}button.warning[disabled],button.warning[disabled]>i{background-color:var(--color-button-warning-disabled);color:var(--color-button-text-warning-disabled)}button:not(:disabled).action{background-color:var(--color-button-action)}button:not(:disabled).action:hover{background-color:var(--color-button-action-hover)}button.warning,button.warning>i{color:var(--color-button-text-warning)}button:not(:disabled):hover{background-color:var(--color-button-hover)}button:disabled,button:disabled i{color:var(--color-button-text-muted)}button.button-toggle.toggle-on:not(:hover){background-color:var(--color-secondary)}::-webkit-scrollbar{width:7px;height:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--color-accent);border-radius:16px;margin:10px}::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:16px}::-webkit-scrollbar-corner{background-color:transparent}#mainBackground{position:fixed;left:0;bottom:0;min-width:100%;min-height:100%;z-index:-1}#header,#content,#footer{height:100%;width:100%}.combo-menu-item-vertical{display:flex;flex-direction:column;width:100%;height:100px;justify-content:center;align-items:center;font-size:var(--font-size-l);font-weight:var(--font-weight-bold-subtle);border-bottom-style:solid;border-right-style:solid;border-right-width:0;background-color:var(--color-combo-menu-item);transition:background-color .2s ease,border-right-width .3s ease,border-color .2s ease}.combo-menu-item-vertical:hover,.importDropZone:hover{background-color:var(--color-combo-menu-item-hover)}.combo-menu-item-vertical.active{background-color:var(--color-combo-menu-item-selected);border-right-style:solid;border-right-width:var(--border-width-xxxl)}.combo-menu-item-vertical:not(.active):active{background-color:var(--color-combo-menu-item-select)}.comboMenuItemError{border-color:var(--color-input-border-error)!important;background-color:var(--color-combo-menu-item-error)!important}.comboMenuItemError.active{border-color:var(--color-input-border-error)!important;background-color:var(--color-combo-menu-item-selected-error)!important}.inputError{border-color:var(--color-input-border-error)!important;background-color:var(--color-input-error)!important}.importDropZone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.importDropZone:active{background-color:var(--color-combo-menu-item-select)}.importDropZone.dragover{background-color:var(--color-combo-menu-item-hover);border-style:dashed;border-width:var(--border-width-l);border-color:var(--border-color-accent)}.no-pointer-events{pointer-events:none}.row{display:flex;flex-direction:row;height:100%}.iconSidebar{display:flex;flex-direction:column;justify-content:start;align-items:center;--sidebar-width: 70px;width:var(--sidebar-width);height:100%;flex:0 0 auto;background-color:var(--color-bg-tp-mid)}.iconSidebar.left{border-right-style:solid}.iconSidebar.right{border-left-style:solid}.iconSidebar>button{display:flex;flex-direction:column;justify-content:center;width:100%;aspect-ratio:1;padding:5px;border-radius:0;transition:background-color .2s ease,border-style .2s ease}.iconSidebar>button:not(:hover){background-color:transparent}.iconSidebar>button:hover{border-style:solid}.iconSidebar>button>i{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;text-align:center;font-size:var(--font-size-xl)}#nexaIcon{height:100%}#nexaTitle{display:flex;height:100%;align-items:center;margin:0 60px 0 10px;font-family:var(--font-family-title);color:var(--color-logo);text-shadow:var(--shadow-logo);font-size:var(--font-size-nexa-title)}#nexaSubtitle{display:flex;height:100%;min-width:fit-content;align-items:center;margin:0 10px 0 60px;text-shadow:var(--shadow-logo);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}#header{display:flex;flex-direction:row;height:100%;width:100%}#header>.spacer{display:flex;flex:1}#headerContent{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%}#headerMenu{display:flex;flex-direction:row;height:100%;width:100%}.headerMenuItemCaption{display:flex;flex-direction:column;justify-content:center;height:100%;padding:4px 8px;border-style:solid;border-radius:var(--border-radius-m);background-color:var(--color-bg-tp-soft);transition:background-color .2s ease}.headerMenuItemCaption:hover{background-color:var(--color-combo-menu-item-hover)}#globalTooltip{position:fixed;z-index:9999;padding:8px 11px;border-radius:var(--border-radius-l);border-style:solid;max-width:1000px;background:var(--color-secondary);font-size:var(--font-size-s);white-space:pre-wrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease}#globalTooltip.visible{opacity:1;visibility:visible}[data-tooltip]{text-decoration:underline;text-decoration-thickness:var(--border-width-s);text-decoration-color:var(--color-text-tp)}#nexaInfoIcon{display:flex;align-items:center;justify-content:center;height:25px;margin-top:auto;margin-bottom:auto;margin-left:10px;aspect-ratio:1;border-style:solid;border-radius:20px;font-size:var(--font-size-xs)}#nexaInfoTooltip{display:none;flex-direction:column;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);height:fit-content;width:fit-content;padding:24px 30px;background-color:var(--color-bg);border-style:solid;border-width:var(--border-width-l);border-radius:24px;box-shadow:0 8px 12px 12px #00000080;font-size:var(--font-size-s);z-index:1000}#nexaInfoTooltip.nexaInfoTooltip-visible{display:flex}#nexaInfoTooltip div{font-size:inherit}#nexaInfoTooltip .title{font-size:var(--font-size-l)}#nexaInfoTooltip .heading{font-size:var(--font-size-m);margin-top:20px}:root{--color-bg: #15123F;--color-primary: var(--color-logo);--color-secondary: #623088;--color-accent: #719CD8;--color-text: #ECEDF9;--color-logo: #5047BF;--color-bg-tp-soft: color-mix(in srgb, var(--color-bg) 70%, transparent);--color-bg-tp-mid: color-mix(in srgb, var(--color-bg) 80%, transparent);--color-bg-tp-hard: color-mix(in srgb, var(--color-bg) 90%, transparent);--color-bg-card: #242156;--color-text-muted: #7274D1;--color-text-warning: #fec94d;--color-text-tp: #ecedf980;--color-button: var(--color-secondary);--color-button-hover: #9151c2;--color-button-warning: #750e0e;--color-button-warning-hover: #9e2929;--color-button-warning-disabled: #592020;--color-button-action: #1d6f3d;--color-button-action-hover: #309858;--color-button-text-warning: #f76666;--color-button-text-warning-disabled: #ad6565;--color-button-text-muted: #a375c5;--color-combo-menu-item: #312B7C;--color-combo-menu-item-error: #551111;--color-combo-menu-item-hover: #31588B;--color-combo-menu-item-select: #4374b4;--color-combo-menu-item-selected: var(--color-bg);--color-combo-menu-item-selected-error: #290505;--color-input: #13051F;--color-input-error: #3a0808;--color-input-border: var(--border-color-primary);--color-input-border-disabled: #383B3D;--color-input-border-error: #ef4444;--color-input-focus: #E3D3F3;--color-input-placeholder: #969BDD;--color-input-disabled: #7B8285;--color-icon: var(--color-text);--color-icon-disabled: var(--color-text-muted);--border-width-s: 1px;--border-width-m: 2px;--border-width-l: 3px;--border-width-xl: 4px;--border-width-xxxl: 24px;--border-radius-s: 2px;--border-radius-m: 4px;--border-radius-l: 6px;--border-radius-xl: 8px;--border-color-primary: var(--color-accent);--border-color-subtle: #312B7C;--border-color-accent: #E3D3F3;--border-color-warning: #fec94d;--font-family-primary: "Inter", system-ui, sans-serif;--font-family-title: "Iowan Old Style", Courier, monospace;--font-size-xs: 14px;--font-size-s: 17px;--font-size-m: 20px;--font-size-l: 24px;--font-size-xl: 30px;--font-size-xxl: 35px;--font-size-nexa-title: 30px;--font-weight-bold-subtle: 600;--font-weight-bold: 700;--font-weight-bold-strong: 800;--shadow-logo: 0 0 4px black}#footerRow[data-v-395912ef]{display:flex;flex-direction:row;align-items:center;height:100%;width:100%}#note[data-v-395912ef]{font-style:italic;text-align:center;flex:1;color:var(--color-text-muted)}#bodyContainer,#moduleContainer{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}#bodyContainer{position:relative}#moduleContainer{flex-direction:row}#moduleContainer .bodyModule,#moduleContainer .halfBody{border-width:var(--border-width-s)}.iconSidebar{border-width:var(--border-width-m)}.halfBody{display:flex;flex-direction:column;height:100%;width:100%;padding:15px;gap:15px}#rightBody:not(:has(>*)){width:0}#leftBody:not(:has(>*)):has(+#rightBody>*){width:0}.bodyModule,.timelineModule{padding:20px 28px;background-color:var(--color-bg-card);overflow:hidden}.bodyModule{display:flex;flex-direction:column;align-items:start;justify-content:start;width:100%;flex:1;border-style:solid;border-radius:var(--border-radius-xl);overflow-y:auto;overflow-x:hidden;max-height:fit-content}.bodyModule.grow{max-height:100%}.bodyModule .row{height:fit-content}.bodyModule.fixed{width:100%;flex:0 0 auto;min-height:62px;max-height:fit-content;border-bottom-style:solid}.bodyModule-title{align-self:center;width:40%;margin:0 20px 20px;padding:5px;text-align:center;font-size:var(--font-size-l);border-bottom-style:solid}.placeholder{display:flex;flex-direction:column;height:100%;width:100%;padding:auto;margin:0;text-align:center;justify-content:center;color:var(--color-text-muted);font-style:italic;border-style:dashed;border-radius:8px}.bodyModule textarea{width:100%;height:100%;resize:vertical}textarea.oneLine{height:41px}.grid{display:grid;width:100%;gap:5px 20px;grid-template-columns:auto;align-items:end}.grid:has(~.grid){margin-bottom:20px}.grid>div{height:fit-content;width:100%;text-align:center;justify-content:end;margin-bottom:0}.grid>input[type=checkbox]{margin:auto}.grid.grid-inline>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.grid.gridOne{grid-template-columns:repeat(1,1fr)}.grid.gridTwo{grid-template-columns:repeat(2,1fr)}.grid.gridThree{grid-template-columns:repeat(3,1fr)}.grid.gridFour{grid-template-columns:repeat(4,1fr)}.grid.gridFive{grid-template-columns:repeat(5,1fr)}.grid.gridSix{grid-template-columns:repeat(6,1fr)}.grid.gridSeven{grid-template-columns:repeat(7,1fr)}#topicFilter{display:flex;flex-direction:row}#buttonTopicFilterStrict{margin-left:10px;padding:8px 14px;width:150px;border-style:solid;background-color:var(--color-button-warning)}#buttonTopicFilterStrict:hover{background-color:var(--color-button-warning-hover)}#buttonTopicFilterStrict.strict-on{background-color:var(--color-button-action)}#buttonTopicFilterStrict.strict-on:hover{background-color:var(--color-button-action-hover)}#subscribeButtonsArea{display:flex;flex-direction:row;width:100%;gap:20px}#subscribeButtonSubscribe,#subscribeButtonDelete{width:100%}#subscribeButtonDelete{width:150px;border-top-right-radius:0;border-bottom-right-radius:0}#subscribeButtonDeleteOptions{border-top-left-radius:0;border-bottom-left-radius:0}#subscribeButtonDeleteOptions.active{outline:1px solid var(--color-input-border-error)}#subscribeArea>div{width:100%;align-self:center;text-align:center;margin-bottom:10px}#subscribeArea>select,#inputSubscribeTopicFilter{margin-bottom:20px}#subscribeDeleteOptionsUserPropertiesContainer{padding:20px 20px 20px 0;border-right-style:solid;border-right-color:var(--color-input-border-error)}#inputSubscribeTopicFilterContainer>div{justify-content:start;text-align:left;width:fit-content;white-space:nowrap;margin-right:20px;margin-top:8px}#inputSubscribeTopicFilter{width:100%}#topicTree{overflow:auto}#topicTree .header{display:flex;align-items:center;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;padding-bottom:0;width:fit-content}#topicTree .node-title{color:var(--mqtt-topic-node-title-color);font-size:var(--mqtt-topic-node-title-font-size);font-weight:var(--mqtt-topic-node-title-font-weight)}#topicTree .preview{color:var(--mqtt-topic-node-preview-color);font-size:var(--mqtt-topic-node-preview-font-size);font-weight:var(--mqtt-topic-node-preview-font-weight);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#topicTree .node:not(.mqtt-tree-item-root){margin-left:10px;padding-left:10px;border-left-style:solid}#topicTree .toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;background:none;cursor:pointer;width:20px;height:20px;font-size:20px;color:var(--mqtt-topic-node-title-color);padding:0 0 0 1px}#topicTree .hidden,#topicTree .node:not(.message-node):not(:has(.message-node:not(.hidden))){display:none}#topicTreeSnapshotFrameTitle{margin-bottom:12px}#topicTreeSnapshotFrame{height:100%;width:100%;border-radius:var(--border-radius-m);overflow:auto}#topicTreeSnapshotFrame.topicTreeSnapshot{border-style:dashed;border-width:var(--border-width-m);border-color:var(--border-color-warning);padding:12px}#topicTreePlaceholder:has(+#mqttTopicTreeRoot *){display:none}.mqtt-tree-item.header:hover{background-color:var(--color-secondary)}#publishButtonPublish{width:100%;margin-top:20px}#publishButtonFormatJson{margin:auto 0 0 auto;padding:8px 11px;font-size:var(--font-size-xs)}#messageDetails .grid.grid-inline>div{border-style:solid;border-radius:var(--border-radius-m);padding:4px 6px}#messageHistory:has(~.bodyModule){max-height:200px}#messageHistory>div:not(.placeholder){border-left-style:solid;border-left-width:2px;padding-left:7px;transition:border-left-width .3s,padding-left .3s,font-weight .3s}#messageHistory>div:not(.placeholder):hover{border-left-width:17px;font-weight:700}#buttonDisconnect{margin-top:auto}#disconnectButtonDisconnect{width:100%;margin-bottom:20px}#buttonTimeline{margin-top:auto}#timelineContainer{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;height:100px;width:100%;min-height:100px;max-height:100px;border-top-style:solid;border-width:var(--border-width-m)}#timelineArea{display:flex;flex-direction:column;height:100%;width:100%;max-height:none;overflow-y:auto}#timeline{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.timeline-line{width:100%;height:2px;margin-top:10px;margin-bottom:10px;background-color:var(--color-accent)}.timeline-entry{position:absolute;font-size:11px;color:var(--color-secondary);--shadow-strength: 1px;--shadow-blur: 0px;text-shadow:var(--shadow-strength) 0 var(--shadow-blur) var(--color-accent),0 var(--shadow-strength) var(--shadow-blur) var(--color-accent),0 calc(var(--shadow-strength) * -1) var(--shadow-blur) var(--color-accent),calc(var(--shadow-strength) * -1) 0 var(--shadow-blur) var(--color-accent);left:100%;transform:translateY(calc(-50% + 1px));transition:left .1s linear}.timeline-entry:hover{--shadow-blur: 8px}.timeline-entry.republish{color:var(--color-button-action)}.timeline-entry.no-republish{color:var(--color-button-warning)}.timeline-entry>.fa-slash{position:absolute;display:none;text-shadow:none;font-size:13px;left:-2px;top:-1px}.timeline-entry.no-republish>.fa-slash{display:block}#timelineSlider{position:absolute;font-size:20px;width:auto;left:100%;transform:translateY(calc(-100% - 3px)) translate(-50%);z-index:50}#timelineMarkerContainer{display:flex;flex-direction:row;width:100%}.timelineMarker{font-size:var(--font-size-s);font-variant-numeric:tabular-nums}.timelineMarker>b{font-size:inherit;font-weight:var(--font-weight-bold);color:var(--color-accent)}#timelineStartMarker{margin-right:auto}#timelineControls{display:flex;flex-direction:row;flex:0 0 auto;height:100%;width:300px;border-left-style:solid;gap:10px}#timelineControls>button.square{height:40px;width:auto;aspect-ratio:1/1;padding:0}#timelineButtonRepublish:not(:disabled){background-color:var(--color-button-warning)}#timelineButtonRepublish.republish:not(:disabled){background-color:var(--color-button-action)}#timelineButtonRepublish .fa-paper-plane{position:relative}#timelineButtonRepublish .fa-slash{position:absolute;left:0}.layoverCard{display:flex;flex-direction:column;position:absolute;background-color:var(--color-bg);border-style:solid;border-radius:var(--border-radius-m);padding:10px 14px;gap:10px;word-wrap:break-word;white-space:pre-wrap;z-index:100}.layoverCard .layoverTimeStampLabel{text-align:right}.layoverCard .layoverTimeStamp{font-variant-numeric:tabular-nums;text-align:left}.layoverCard .layoverTopic{height:fit-content}.layoverCard .layoverPayload{overflow:hidden}.layoverCard .layoverTopic,.layoverCard .layoverPayload{margin:0 5px;padding:6px 10px;border-style:dashed;border-radius:var(--border-radius-m)}.layoverCard:after{content:"";position:absolute;left:calc(50% - 5px + var(--offset, 0px));bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--border-color-primary)}#bodyContainer[data-v-10af13cc],#moduleContainer[data-v-10af13cc]{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}#bodyContainer[data-v-10af13cc]{position:relative}#moduleContainer[data-v-10af13cc]{flex-direction:row}#moduleContainer .bodyModule[data-v-10af13cc],#moduleContainer .halfBody[data-v-10af13cc]{border-width:var(--border-width-s)}.iconSidebar[data-v-10af13cc]{border-width:var(--border-width-m)}.halfBody[data-v-10af13cc]{display:flex;flex-direction:column;height:100%;width:100%;padding:15px;gap:15px}#rightBody[data-v-10af13cc]:not(:has(>*)){width:0}#leftBody[data-v-10af13cc]:not(:has(>*)):has(+#rightBody>*){width:0}.bodyModule[data-v-10af13cc],.timelineModule[data-v-10af13cc]{padding:20px 28px;background-color:var(--color-bg-card);overflow:hidden}.bodyModule[data-v-10af13cc]{display:flex;flex-direction:column;align-items:start;justify-content:start;width:100%;flex:1;border-style:solid;border-radius:var(--border-radius-xl);overflow-y:auto;overflow-x:hidden;max-height:fit-content}.bodyModule.grow[data-v-10af13cc]{max-height:100%}.bodyModule .row[data-v-10af13cc]{height:fit-content}.bodyModule.fixed[data-v-10af13cc]{width:100%;flex:0 0 auto;min-height:62px;max-height:fit-content;border-bottom-style:solid}.bodyModule-title[data-v-10af13cc]{align-self:center;width:40%;margin:0 20px 20px;padding:5px;text-align:center;font-size:var(--font-size-l);border-bottom-style:solid}.placeholder[data-v-10af13cc]{display:flex;flex-direction:column;height:100%;width:100%;padding:auto;margin:0;text-align:center;justify-content:center;color:var(--color-text-muted);font-style:italic;border-style:dashed;border-radius:8px}.bodyModule textarea[data-v-10af13cc]{width:100%;height:100%;resize:vertical}textarea.oneLine[data-v-10af13cc]{height:41px}.grid[data-v-10af13cc]{display:grid;width:100%;gap:5px 20px;grid-template-columns:auto;align-items:end}.grid[data-v-10af13cc]:has(~.grid){margin-bottom:20px}.grid>div[data-v-10af13cc]{height:fit-content;width:100%;text-align:center;justify-content:end;margin-bottom:0}.grid>input[type=checkbox][data-v-10af13cc]{margin:auto}.grid.grid-inline>div[data-v-10af13cc]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.grid.gridOne[data-v-10af13cc]{grid-template-columns:repeat(1,1fr)}.grid.gridTwo[data-v-10af13cc]{grid-template-columns:repeat(2,1fr)}.grid.gridThree[data-v-10af13cc]{grid-template-columns:repeat(3,1fr)}.grid.gridFour[data-v-10af13cc]{grid-template-columns:repeat(4,1fr)}.grid.gridFive[data-v-10af13cc]{grid-template-columns:repeat(5,1fr)}.grid.gridSix[data-v-10af13cc]{grid-template-columns:repeat(6,1fr)}.grid.gridSeven[data-v-10af13cc]{grid-template-columns:repeat(7,1fr)}#topicFilter[data-v-10af13cc]{display:flex;flex-direction:row}#buttonTopicFilterStrict[data-v-10af13cc]{margin-left:10px;padding:8px 14px;width:150px;border-style:solid;background-color:var(--color-button-warning)}#buttonTopicFilterStrict[data-v-10af13cc]:hover{background-color:var(--color-button-warning-hover)}#buttonTopicFilterStrict.strict-on[data-v-10af13cc]{background-color:var(--color-button-action)}#buttonTopicFilterStrict.strict-on[data-v-10af13cc]:hover{background-color:var(--color-button-action-hover)}#subscribeButtonsArea[data-v-10af13cc]{display:flex;flex-direction:row;width:100%;gap:20px}#subscribeButtonSubscribe[data-v-10af13cc],#subscribeButtonDelete[data-v-10af13cc]{width:100%}#subscribeButtonDelete[data-v-10af13cc]{width:150px;border-top-right-radius:0;border-bottom-right-radius:0}#subscribeButtonDeleteOptions[data-v-10af13cc]{border-top-left-radius:0;border-bottom-left-radius:0}#subscribeButtonDeleteOptions.active[data-v-10af13cc]{outline:1px solid var(--color-input-border-error)}#subscribeArea>div[data-v-10af13cc]{width:100%;align-self:center;text-align:center;margin-bottom:10px}#subscribeArea>select[data-v-10af13cc],#inputSubscribeTopicFilter[data-v-10af13cc]{margin-bottom:20px}#subscribeDeleteOptionsUserPropertiesContainer[data-v-10af13cc]{padding:20px 20px 20px 0;border-right-style:solid;border-right-color:var(--color-input-border-error)}#inputSubscribeTopicFilterContainer>div[data-v-10af13cc]{justify-content:start;text-align:left;width:fit-content;white-space:nowrap;margin-right:20px;margin-top:8px}#inputSubscribeTopicFilter[data-v-10af13cc]{width:100%}#topicTree[data-v-10af13cc]{overflow:auto}#topicTree .header[data-v-10af13cc]{display:flex;align-items:center;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;padding-bottom:0;width:fit-content}#topicTree .node-title[data-v-10af13cc]{color:var(--mqtt-topic-node-title-color);font-size:var(--mqtt-topic-node-title-font-size);font-weight:var(--mqtt-topic-node-title-font-weight)}#topicTree .preview[data-v-10af13cc]{color:var(--mqtt-topic-node-preview-color);font-size:var(--mqtt-topic-node-preview-font-size);font-weight:var(--mqtt-topic-node-preview-font-weight);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#topicTree .node[data-v-10af13cc]:not(.mqtt-tree-item-root){margin-left:10px;padding-left:10px;border-left-style:solid}#topicTree .toggle[data-v-10af13cc]{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;background:none;cursor:pointer;width:20px;height:20px;font-size:20px;color:var(--mqtt-topic-node-title-color);padding:0 0 0 1px}#topicTree .hidden[data-v-10af13cc],#topicTree .node[data-v-10af13cc]:not(.message-node):not(:has(.message-node:not(.hidden))){display:none}#topicTreeSnapshotFrameTitle[data-v-10af13cc]{margin-bottom:12px}#topicTreeSnapshotFrame[data-v-10af13cc]{height:100%;width:100%;border-radius:var(--border-radius-m);overflow:auto}#topicTreeSnapshotFrame.topicTreeSnapshot[data-v-10af13cc]{border-style:dashed;border-width:var(--border-width-m);border-color:var(--border-color-warning);padding:12px}#topicTreePlaceholder[data-v-10af13cc]:has(+#mqttTopicTreeRoot *){display:none}.mqtt-tree-item.header[data-v-10af13cc]:hover{background-color:var(--color-secondary)}#publishButtonPublish[data-v-10af13cc]{width:100%;margin-top:20px}#publishButtonFormatJson[data-v-10af13cc]{margin:auto 0 0 auto;padding:8px 11px;font-size:var(--font-size-xs)}#messageDetails .grid.grid-inline>div[data-v-10af13cc]{border-style:solid;border-radius:var(--border-radius-m);padding:4px 6px}#messageHistory[data-v-10af13cc]:has(~.bodyModule){max-height:200px}#messageHistory>div[data-v-10af13cc]:not(.placeholder){border-left-style:solid;border-left-width:2px;padding-left:7px;transition:border-left-width .3s,padding-left .3s,font-weight .3s}#messageHistory>div[data-v-10af13cc]:not(.placeholder):hover{border-left-width:17px;font-weight:700}#buttonDisconnect[data-v-10af13cc]{margin-top:auto}#disconnectButtonDisconnect[data-v-10af13cc]{width:100%;margin-bottom:20px}#buttonTimeline[data-v-10af13cc]{margin-top:auto}#timelineContainer[data-v-10af13cc]{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;height:100px;width:100%;min-height:100px;max-height:100px;border-top-style:solid;border-width:var(--border-width-m)}#timelineArea[data-v-10af13cc]{display:flex;flex-direction:column;height:100%;width:100%;max-height:none;overflow-y:auto}#timeline[data-v-10af13cc]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.timeline-line[data-v-10af13cc]{width:100%;height:2px;margin-top:10px;margin-bottom:10px;background-color:var(--color-accent)}.timeline-entry[data-v-10af13cc]{position:absolute;font-size:11px;color:var(--color-secondary);--shadow-strength: 1px;--shadow-blur: 0px;text-shadow:var(--shadow-strength) 0 var(--shadow-blur) var(--color-accent),0 var(--shadow-strength) var(--shadow-blur) var(--color-accent),0 calc(var(--shadow-strength) * -1) var(--shadow-blur) var(--color-accent),calc(var(--shadow-strength) * -1) 0 var(--shadow-blur) var(--color-accent);left:100%;transform:translateY(calc(-50% + 1px));transition:left .1s linear}.timeline-entry[data-v-10af13cc]:hover{--shadow-blur: 8px}.timeline-entry.republish[data-v-10af13cc]{color:var(--color-button-action)}.timeline-entry.no-republish[data-v-10af13cc]{color:var(--color-button-warning)}.timeline-entry>.fa-slash[data-v-10af13cc]{position:absolute;display:none;text-shadow:none;font-size:13px;left:-2px;top:-1px}.timeline-entry.no-republish>.fa-slash[data-v-10af13cc]{display:block}#timelineSlider[data-v-10af13cc]{position:absolute;font-size:20px;width:auto;left:100%;transform:translateY(calc(-100% - 3px)) translate(-50%);z-index:50}#timelineMarkerContainer[data-v-10af13cc]{display:flex;flex-direction:row;width:100%}.timelineMarker[data-v-10af13cc]{font-size:var(--font-size-s);font-variant-numeric:tabular-nums}.timelineMarker>b[data-v-10af13cc]{font-size:inherit;font-weight:var(--font-weight-bold);color:var(--color-accent)}#timelineStartMarker[data-v-10af13cc]{margin-right:auto}#timelineControls[data-v-10af13cc]{display:flex;flex-direction:row;flex:0 0 auto;height:100%;width:300px;border-left-style:solid;gap:10px}#timelineControls>button.square[data-v-10af13cc]{height:40px;width:auto;aspect-ratio:1/1;padding:0}#timelineButtonRepublish[data-v-10af13cc]:not(:disabled){background-color:var(--color-button-warning)}#timelineButtonRepublish.republish[data-v-10af13cc]:not(:disabled){background-color:var(--color-button-action)}#timelineButtonRepublish .fa-paper-plane[data-v-10af13cc]{position:relative}#timelineButtonRepublish .fa-slash[data-v-10af13cc]{position:absolute;left:0}.layoverCard[data-v-10af13cc]{display:flex;flex-direction:column;position:absolute;background-color:var(--color-bg);border-style:solid;border-radius:var(--border-radius-m);padding:10px 14px;gap:10px;word-wrap:break-word;white-space:pre-wrap;z-index:100}.layoverCard .layoverTimeStampLabel[data-v-10af13cc]{text-align:right}.layoverCard .layoverTimeStamp[data-v-10af13cc]{font-variant-numeric:tabular-nums;text-align:left}.layoverCard .layoverTopic[data-v-10af13cc]{height:fit-content}.layoverCard .layoverPayload[data-v-10af13cc]{overflow:hidden}.layoverCard .layoverTopic[data-v-10af13cc],.layoverCard .layoverPayload[data-v-10af13cc]{margin:0 5px;padding:6px 10px;border-style:dashed;border-radius:var(--border-radius-m)}.layoverCard[data-v-10af13cc]:after{content:"";position:absolute;left:calc(50% - 5px + var(--offset, 0px));bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--border-color-primary)}#connectionProfilesList[data-v-fd6fa532],#connectionOptionsMenu[data-v-fd6fa532],#connectionOptionDetails[data-v-fd6fa532]{display:flex;flex-direction:column;height:100%}#connectionProfilesList[data-v-fd6fa532]{flex:2;min-width:300px;max-width:500px}#connectionOptionsArea[data-v-fd6fa532]{display:flex;flex-direction:row;flex:5;min-width:1000px;height:100%}#connectionOptionsConfigurationsArea[data-v-fd6fa532]{display:flex;flex-direction:row;height:100%;width:100%}#connectionOptionsMenu[data-v-fd6fa532]{display:flex;flex-direction:column;align-items:center;border-style:solid;border-top:none;border-bottom:none;border-left-width:var(--border-width-xl);flex:1;height:100%;min-width:200px;max-width:300px}#buttonConnect[data-v-fd6fa532]{margin-top:auto;margin-bottom:20px}#connectionOptionActionsMenu[data-v-fd6fa532]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:150px;padding:30px 10px;border-bottom-style:solid}#connectionOptionActionsMenu>.row>button[data-v-fd6fa532]{height:50px;width:50px;padding:8px 11px;margin-left:auto;margin-right:auto}#connectionOptionActionsMenu>.row>button>i[data-v-fd6fa532]{text-align:center;font-size:var(--font-size-l)}#connectionOptionActionsMenu>.row[data-v-fd6fa532]{gap:10px;margin:5px}#inputConnectionOptionProfileName[data-v-fd6fa532]{margin:10px auto;width:90%}#buttonConnectionProfileAdd[data-v-fd6fa532]{align-items:center;border-bottom-style:solid;padding:20px}#buttonConnectionProfileAdd[data-v-fd6fa532]:not(:hover){background-color:transparent}#buttonConnectionProfileAdd>i[data-v-fd6fa532]{font-size:var(--font-size-xl)}#addImportArea[data-v-fd6fa532]{display:flex;flex-direction:row}#addImportArea>.sidebar[data-v-fd6fa532]{display:flex;flex-direction:column;justify-content:center;align-items:center;border-left-style:solid;height:100%;width:80px;padding:0}#addImportArea>.sidebar[data-v-fd6fa532]:not(:hover){background-color:transparent}#addImportArea>.sidebar>i[data-v-fd6fa532]{text-align:center}.connectionProfileMenuItem[data-v-fd6fa532]{display:flex;flex-direction:column;justify-content:center;width:100%;height:fit-content;padding:10px 40px;align-items:start;font-weight:400;overflow:auto}.connectionProfileMenuItem>.cpmiProfileName[data-v-fd6fa532]{font-size:var(--font-size-l)}.connectionProfileMenuItem>.cpmiUpdatedAt[data-v-fd6fa532]{font-size:var(--font-size-s);font-style:italic}#connectionOptionDetails[data-v-fd6fa532]{flex:4;min-width:520px;background-color:var(--color-bg-tp-mid);overflow-y:auto}.connectionOptionDetails[data-v-fd6fa532]{display:grid;grid-template-columns:20% auto;width:100%;gap:12px 30px;padding:50px 60px}.connectOptionInput-4[data-v-fd6fa532]{width:25%}#buttonShowPassword[data-v-fd6fa532]{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:7px;top:50%;transform:translateY(-50%);border-style:solid;border-radius:4px;border-color:var(--color-text);padding:4px 6px;height:25px;width:25px;background-color:var(--color-bg)}#buttonShowPassword>i[data-v-fd6fa532]{font-size:16px;text-align:center}#passwordSaveWarningText[data-v-fd6fa532],#authenticationDataSaveWarningText[data-v-fd6fa532]{display:flex;flex-direction:column;justify-content:center;margin-left:20px;font-size:var(--font-size-xs);font-style:italic;color:var(--color-text-warning)}