@font-face {
  font-family: 'Fira Code Local';
  src: url('/fonts/FiraCode-VariableFont_wght.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}


.cssAzureMapContainer[data-v-6576d418] {
  height: 100%;
}

.cssMapPopup {
  padding: 1em;
}
.cssWeatherTimestamp {
    float: right;
}
.cssMapPopupDevice:hover {
  background-color: rgb(214, 232, 244);
}
.cssMapPopupDevice {
  display: block;
  text-decoration: none;
  font-family: monospace;
  font-size: 1.25em;
  padding: 0.25em 0.5em;
  text-align: center;
  color:rgb(3, 105, 161);
  background-color: rgb(224, 242, 254);
  border-radius: 0.5em;
  cursor: pointer;
}
.cssMapPopupConnected {
  font-size: 1.15em;
  color: rgb(21, 168, 21);
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-align: center;
}
.cssMapPopupDisconnected,
.cssMapPopupUnknown {
  font-size: 1.15em;
  color: rgb(71, 85, 105);
  font-weight: bold;
  text-align: center;
  padding: 0.25em 0.5em;
}
.cssMapPopupAddress {
  font-size: 1.15em;
  text-align: center;
}
.cssMapPopupSnr {
  font-size: 1.15em;
  text-align: center;
}

.bui-icon {
        display: flex;
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        padding: 0;
        fill: currentColor;
        color: var(--bui-icon-color, currentColor);
}

.cssCardChartVars[data-v-e74ed236] {
  --card-w: var(--card-chart-w, 400px);
  --card-h: var(--card-chart-h, 200px);
  --card-border: var(--card-chart-border, 1px solid black);
  --card-border-radius: var(--card-chart-border-radius, 0px);

  --title-x: var(--card-chart-title-x, 5px);
  --title-y: var(--card-chart-title-y, 5px);
  --title-w: var(--card-chart-title-w, 400px);
  --title-h: var(--card-chart-title-h, 16px);
  --title-font: var(--card-chart-title-font, 600 16px Verdana);

  --subtitle-x: var(--card-chart-subtitle-x, 5px);
  --subtitle-y: var(--card-chart-subtitle-y, 26px);
  --subtitle-w: var(--card-chart-subtitle-w, 320px);
  --subtitle-h: var(--card-chart-subtitle-h, 16px);
  --subtitle-font: var(--card-chart-subtitle-font, 400 14px Verdana);
  --subtitle-text-align: var(--card-chart-subtitle-text-align, left);

  --canvas-x: var(--card-chart-canvas-x, 30px);
  --canvas-y: var(--card-chart-canvas-y, 50px);
  --canvas-w: var(--card-chart-canvas-w, 135px);
  --canvas-h: var(--card-chart-canvas-h, 135px);

  --legend-area-x: var(--card-chart-legend-area-x, 200px);
  --legend-area-y: var(--card-chart-legend-area-y, 50px);
  --legend-area-w: var(--card-chart-legend-area-w, 200px);
  --legend-area-h: var(--card-chart-legend-area-h, 135px);

  --legend-gap: var(--card-chart-legend-gap, 8px);

  --legend-text-w: var(--card-chart-legend-text-w, 160px);
  --legend-text-h: var(--card-chart-legend-text-h, 16x);
  --legend-text-font: var(--card-chart-legend-text-font, 16px Arial);
  --legend-text-align: var(--card-chart-legend-text-align, left);

  --legend-color-box-0: var(--card-chart-legend-color-box-0, blue);
  --legend-color-box-1: var(--card-chart-legend-color-box-1, purple);
  --legend-color-box-2: var(--card-chart-legend-color-box-2, orange);
  --legend-color-box-3: var(--card-chart-legend-color-box-3, red);
  --legend-color-box-4: var(--card-chart-legend-color-box-4, green);
}
.cssHorizontalBarCardChartVars[data-v-e74ed236] {
  --canvas-x: var(--card-chart-canvas-x, 80px);
  --canvas-y: var(--card-chart-canvas-y, 40px);
  --canvas-w: var(--card-chart-canvas-w, 290px);
  --canvas-h: var(--card-chart-canvas-h, 145px);

  --axis-x-unit-x: var(--card-chart-axis-x-unit-x, 380px);
  --axis-x-unit-y: var(--card-chart-axis-x-unit-y, 166px);
  --axis-x-unit-w: var(--card-chart-axis-x-unit-w, 12px);
  --axis-x-unit-h: var(--card-chart-axis-x-unit-h, 12px);
  --axis-x-unit-font: var(--card-chart-axis-x-unit-font, 12px Arial);

  --legend-area-x: var(--card-chart-legend-area-x, -15px);
  --legend-area-y: var(--card-chart-legend-area-y, 69px);
  --legend-area-w: var(--card-chart-legend-area-w, 120px);
  --legend-area-h: var(--card-chart-legend-area-h, 120px);

  --legend-gap: var(--card-chart-legend-gap, 14px);

  --legend-text-w: var(--card-chart-legend-text-w, 80px);
  --legend-text-align: var(--card-chart-legend-text-align, right);

  --legend-color-box-0: var(--card-chart-legend-color-box-0, transparent);
  --legend-color-box-1: var(--card-chart-legend-color-box-1, transparent);
  --legend-color-box-2: var(--card-chart-legend-color-box-2, transparent);
  --legend-color-box-3: var(--card-chart-legend-color-box-3, transparent);
  --legend-color-box-4: var(--card-chart-legend-color-box-4, transparent);
}
.cssCardChart[data-v-e74ed236] {
  position: relative;
  width: var(--card-w);
  height: var(--card-h);
  border: var(--card-border);
  border-radius: var(--card-border-radius);
}
.cssCardChartTitle[data-v-e74ed236] {
  position: absolute;
  left: var(--title-x);
  top: var(--title-y);
  width: var(--title-w);
  height: var(--title-h);
  font: var(--title-font);
}
.cssCardChartSubtitle[data-v-e74ed236] {
  position: absolute;
  left: var(--subtitle-x);
  top: var(--subtitle-y);
  width: var(--subtitle-w);
  height: var(--subtitle-h);
  font: var(--subtitle-font);
  text-align: var(--subtitle-text-align);
}
.cssCardChartCanvas[data-v-e74ed236] {
  position: absolute;
  left: var(--canvas-x);
  top: var(--canvas-y);
  width: var(--canvas-w);
  height: var(--canvas-h);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cssCardChartLegendArea[data-v-e74ed236] {
  position: absolute;
  left: var(--legend-area-x);
  top: var(--legend-area-y);
  width: var(--legend-area-w);
  height: var(--legend-area-h);

  display: flex;
  flex-flow: column wrap;
  gap: var(--legend-gap);
}
.cssCardChartLegend[data-v-e74ed236] {
  display: flex;
  align-items: flex-start;
}
.cssCardChartLegendColorBox[data-v-e74ed236] {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.cssCardChartLegendColorBox0[data-v-e74ed236] {
  background-color: var(--legend-color-box-0);
}
.cssCardChartLegendColorBox1[data-v-e74ed236] {
  background-color: var(--legend-color-box-1);
}
.cssCardChartLegendColorBox2[data-v-e74ed236] {
  background-color: var(--legend-color-box-2);
}
.cssCardChartLegendColorBox3[data-v-e74ed236] {
  background-color: var(--legend-color-box-3);
}
.cssCardChartLegendColorBox4[data-v-e74ed236] {
  background-color: var(--legend-color-box-4);
}
.cssCardChartLegendText[data-v-e74ed236] {
  display: inline-block;
  width: var(--legend-text-w);
  font: var(--legend-text-font);

  margin-left: 8px;
  text-align: var(--legend-text-align);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cssCardChartHbarXUnit[data-v-e74ed236] {
  position: absolute;
  left: var(--axis-x-unit-x);
  top: var(--axis-x-unit-y);
  width: var(--axis-x-unit-w);
  height: var(--axis-x-unit-h);
  font: var(--axis-x-unit-font);
}
a[data-v-e74ed236]:link,
a[data-v-e74ed236]:visited {
  text-decoration: none;
  color:inherit;
}
a[data-v-e74ed236]:hover,
a[data-v-e74ed236]:active {
  text-decoration: underline;
}
.cssCardChartLoadingIcon[data-v-e74ed236] {
  position: absolute;
  left: calc(var(--card-w) - 25px);
  top: calc(var(--card-h) - 25px);
  width: 20px;
  height: 20px;
  animation: spinAnimation-e74ed236 2s infinite linear;
}
@keyframes spinAnimation-e74ed236 {
0%   {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}


.bui-button-container {
        position: relative;
        display: inline-flex;
        align-items: center;
        column-gap: .5em;
        color: inherit;
}
.bui-button-container-vertical {
        row-gap: .25em;
}

    /* Default Buttons */
.bui-button {
        display: inline-flex;
        position: relative;
        color: var(--bui-static-foreground-color);
        background-color: var(--bui-static-background-color);
        border: var(--bui-border-style) var(--bui-static-border-color);
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        user-select: none;
        align-items: center;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
        outline: none;
        transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s;
}
.bui-button:hover {
        color: var(--bui-hover-foreground-color);
        background-color: var(--bui-hover-background-color);
        border-color: var(--bui-hover-border-color);
}
.bui-button:focus {
        color: var(--bui-focus-foreground-color);
        border-color: var(--bui-focus-border-color);
        box-shadow: var(--bui-focus-shadow);
}
.bui-button:active {
        color: var(--bui-active-foreground-color);
        background-color: var(--bui-active-background-color);
        border-color: var(--bui-active-border-color);
}

    /* Outline Buttons */
.bui-button-outline {
        color: var(--bui-static-background-color);
        background-color: transparent;
        border-color: var(--bui-static-background-color);
}
.bui-button-outline:hover {
        color: var(--bui-static-background-color);
        background-color: var(--bui-muted-background-color);
        border-color: var(--bui-hover-border-color);
}
.bui-button-outline:focus {
        color: var(--bui-focus-background-color);
        background-color: transparent;
        border-color: var(--bui-focus-border-color);
}
.bui-button-outline:hover:focus {
        color: var(--bui-focus-foreground-color);
        background-color: var(--bui-focus-background-color);
        border-color: var(--bui-focus-border-color);
}
.bui-button-outline:hover:active {
        color: var(--bui-active-foreground-color);
        background-color: var(--bui-active-background-color);
        border-color: var(--bui-active-border-color);
}

    /* Text Buttons */
.bui-button-text {
        color: var(--bui-static-background-color);
        background-color: transparent;
        border-color: transparent;
}
.bui-button-text:hover {
        color: var(--bui-hover-background-color);
        background-color: var(--bui-muted-background-color);
        border-color: transparent;
}
.bui-button-text:focus {
        color: var(--bui-focus-background-color);
        background-color: transparent;
        border-color: transparent;
}
.bui-button-text:active {
        color: var(--bui-active-background-color);
        background-color: transparent;
        border-color: transparent;
}
.bui-button-text:hover:focus {
        color: var(--bui-hover-background-color);
        background-color: var(--bui-muted-background-color);
        border-color: transparent;
}
.bui-button-text:hover:active {
        color: var(--bui-active-background-color);
        background-color: transparent;
        border-color: transparent;
}

    /* Toggle Buttons */
.bui-button-pressed {
        color: var(--bui-active-foreground-color);
        background-color: var(--bui-active-background-color);
        border-color: var(--bui-active-border-color);
}

    /* Icon Buttons */
.bui-button-icon {
        color: inherit;
        fill: currentColor;
}


.bui-separator {
        display: flex;
        position: relative;
        align-items: center;
        text-align: center;
        border-radius: 0;
        z-index: 1;
}
.bui-separator-horizontal {
        width: 100%;
        min-height: max-content;
}
.bui-separator-horizontal-middle::before {
        content: "";
        position: absolute;
        width: 100%;
        border-top: 1px solid var(--bui-separator-color);
}
.bui-separator-horizontal-top {
        border-bottom: 1px solid var(--bui-separator-color);
}
.bui-separator-horizontal-bottom {
        border-top: 1px solid var(--bui-separator-color);
}
.bui-separator-horizontal-left {
        justify-content: flex-start;
}
.bui-separator-horizontal-right {
        justify-content: flex-end;
}
.bui-separator-horizontal-center {
        justify-content: center;
}
.bui-separator-vertical {
        min-width: max-content;
        min-height: 100%;
        justify-content: center;
}
.bui-separator-vertical-top {
        align-items: flex-start;
}
.bui-separator-vertical-bottom {
        align-items: flex-end;
}
.bui-separator-vertical-center {
        align-items: center;
}
.bui-separator-vertical::before {
        content: "";
        position: absolute;
        height: 100%;
        border-left: 1px solid var(--bui-separator-color);
}
.bui-separator-label {
        z-index: 10;
        pointer-events: none;
        user-select: none;
        opacity: .8;
}
.bui-separator-label-horizontal {
        position: relative;
}
.bui-separator-label-horizontal-center {
        padding-left: 0.5em;
        padding-right: 0.5em;
}
.bui-separator-label-horizontal-top {
        margin-bottom: .25em;
}
.bui-separator-label-horizontal-bottom {
        margin-top: .25em;
}

.bui-menu {
        display: flex;
        position: relative;
        flex-direction: column;
        background-color: transparent;
        margin: 0;
        padding: 0;
        padding-top: var(--bui-border-radius);
        padding-bottom: var(--bui-border-radius);
        list-style: none;
        min-width: max-content;
}

    /* Fix hover behavior for BuiMenuButton dropdowns only */
.bui-menu-container .bui-menu:hover {
        background-color: transparent !important;
}
.bui-menu-container .bui-menu .bui-menu-item:hover {
        background-color: var(--bui-muted-background-color) !important;
}
.bui-menu-item-anchor {
        text-decoration: none;
        color: var(--bui-active-foreground-color) !important;
}
.bui-menu-item {
        display: flex;
        overflow: hidden;
        color: inherit;
        background-color: transparent;
        align-items: center;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        outline: none;
        column-gap: .5em;
        border: var(--bui-border-style) transparent;
        cursor: pointer;
}
.bui-menu-item:hover:not(.bui-menu-item-selected) {
        background-color: var(--bui-muted-background-color);
}
.bui-menu-item:focus {
        background-color: var(--bui-muted-background-color);
        box-shadow: var(--bui-focus-shadow);
        z-index: 1;
}
.bui-menu-singleselect .bui-menu-item-selected {
        color: var(--bui-active-foreground-color);
        background-color: var(--bui-active-background-color);
}
.bui-menu-multiselect .bui-menu-item-selected {
        color: inherit;
        background-color: var(--bui-muted-background-color);
}
.bui-menu-multiselect .bui-menu-item-selected .bui-menu-item-checkbox {
        color: var(--bui-active-foreground-color);
        background-color: var(--bui-active-background-color);
}
.bui-menu-item-checkbox {
        border: var(--bui-border-style) var(--bui-neutral-background-color);
}
.bui-menu-item-icon {
        min-width: 1em;
        min-height: 1em;
        text-align: center;
        color: inherit;
}
.bui-menu-item-text {
        flex-grow: 1;
        user-select: none;
}
.bui-menu-item-indicator {
        transition: transform .25s;
}
.bui-menu-item-indicator-expanded {
        transform: rotate(90deg);
}
.bui-menu-item-separator {
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
}

.bui-menu-container {
        display: flex;
        position: absolute;
        flex-direction: column;
        width: max-content;
        max-height: 25vh;
        box-shadow: var(--bui-float-shadow);
        padding: 0;
        z-index: 100;
        overflow-y: hidden;
        background-color: var(--bui-base-background-color);
        border: var(--bui-border-style) var(--bui-neutral-background-color);
        outline: none;
        /* Ensure the container itself doesn't have hover effects */
        pointer-events: auto;
}
.bui-menu-container .bui-menu-item:focus {
        border-radius: 0;
        box-shadow: none;
        background-color: var(--bui-muted-color);
}


.cssVars[data-v-84232d3e] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);
}
.cssContainer[data-v-84232d3e] {
  position: relative;
  width: 400px;
  height: 200px;
}

.cssVars[data-v-c2f2ac36] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);
}
.cssContainer[data-v-c2f2ac36] {
  position: relative;
  width: 400px;
  height: 200px;
}

.cssVars[data-v-57ddea49] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);
}
.cssContainer[data-v-57ddea49] {
  position: relative;
  width: 400px;
  height: 200px;
}

.cssVars[data-v-3a376671] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);
}
.cssContainer[data-v-3a376671] {
  position: relative;
  width: 400px;
  height: 200px;
}

.cssVars[data-v-43ed99bb] {
  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 20px;
  --card-chart-canvas-w: calc(100% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));
}
.cssContainer[data-v-43ed99bb] {
  position: relative;
  width: 400px;
  height: 200px;
}
.cssInsightChart[data-v-43ed99bb] {
  width: 100%;
  height: 200px;
}

.cssVars[data-v-19b96951] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);

  --card-chart-w: 100%;
  --card-chart-h: 100%;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 40px;
  --card-chart-canvas-w: calc(55% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));

  --card-chart-legend-area-x: 270px;
  --card-chart-legend-area-y: 50px;
  --card-chart-legend-area-w: 200px;
  --card-chart-legend-area-h: 135px;

  --card-chart-legend-text-w: 200px;
}
.cssContainer[data-v-19b96951] {
  position: relative;
  width: 100%;
  height: 100%;
}

.bui-input-container {
        display: flex;
        position: relative;
        max-width: max-content;
        color: var(--bui-static-foreground-color);
}
.bui-input-container-vertical {
        flex-direction: column;
        row-gap: .15em;
}
.bui-input-container-horizontal {
        flex-direction: row;
        align-items: center;
        column-gap: .25em;
}
.bui-input {
        font: inherit;
        outline: none;
        color: var(--bui-base-foreground-color);
        background-color: var(--bui-base-background-color);
        border: var(--bui-border-style) var(--bui-neutral-background-color);
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
}
.bui-input:hover:not(:focus) {
        border-color: var(--bui-hover-border-color);
}
.bui-input:focus {
        box-shadow: var(--bui-focus-shadow);
}
.bui-input-offset-left {
        padding-left: 1.75em;
}
.bui-input-offset-right {
        padding-right: 1.75em;
}
.bui-input-label {
        user-select: none;
        color: var(--bui-base-foreground-color);
}
.bui-input-label-inset {
        position: absolute;
        pointer-events: none;
        top: 50%;
        margin-left: .5em;
        transform: translate(0, -50%);
        transition: all .25s ease;
        opacity: .7;
}
.bui-input-label-float {
        top: -1em;
        font-size: 0.8em;
        opacity: inherit;
}
.bui-input-icon {
        position: absolute;
        top: 100%;
        transform: translate(0, -150%);
        opacity: .6;
        z-index: 1;
}
.bui-input-icon-left {
        left: .5em;
}
.bui-input-icon-right {
        left: calc( 100% - 1.5em );
}

.bui-select-dark-mode-vars {
        --bui-select-options-border: 1px solid var(--bui-base-foreground-color);
}
.bui-select {
        display: flex;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--bui-base-foreground-color);
}
.bui-select-options-container {
        display: flex;
        position: absolute;
        flex-direction: column;
        width: max-content;
        box-shadow: var(--bui-float-shadow);
        padding: 0;
        z-index: 6;
        background-color: var(--bui-base-background-color);
        border: var(--bui-select-options-border);
}
.bui-fade-leave-to {
        display: none;
}
.bui-select-options-container .bui-menu-item:focus {
        border-radius: 0;
        box-shadow: none;
}

.cssBasDeviceInputDarkModeVars[data-v-3c04a9a6] {
  --bas-device-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-3c04a9a6] {
  border: var(--bas-device-input-menu-border);
}
.bui-custom-select[data-v-3c04a9a6] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-3c04a9a6] .bui-input-label {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  text-align: left;
  margin-left: 0;
  justify-self: end;
  width: 4em;
}
.bui-custom-select[data-v-3c04a9a6] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-3c04a9a6] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-3c04a9a6] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-3c04a9a6] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-3c04a9a6] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-3c04a9a6] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-3c04a9a6] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-3c04a9a6] .bas-highlight.bui-select-highlight::placeholder  {
    color: var(--bui-info-background-color) !important;
}



.cssDeviceModelFilter > div {
  max-height: 50vh;
  overflow-y: scroll;
}

.bui-radio-container {
        display: flex;
        position: relative;
        max-width: max-content;
        column-gap: .5em;
        align-items: center;
        cursor: pointer;
        color: var(--bui-static-foreground-color);
}
.bui-radio-container-reverse {
        flex-direction: row-reverse
}
.bui-radio-label {
        user-select: none;
}
.bui-radio {
        display: flex;
        align-items: center;
        justify-content: center;
        border: var(--bui-border-style) var(--bui-neutral-background-color);
        border-width: 2px;
        min-height: 1.1em;
        min-width: 1.1em;
}
.bui-radio::before {
        display: flex;
        position: absolute;
        content: "";
        width: .5em;
        height: .5em;
        transform: scale(0);
        transition: .25s transform ease-in-out;
}
.bui-radio.bui-shape-default::before {
        border-radius: calc(var(--bui-border-radius)/2);
}
.bui-radio.bui-shape-square::before {
        border-radius: 0;
}
.bui-radio.bui-shape-round::before {
        border-radius: 50%;
}
.bui-radio:hover {
        border-color: var(--bui-hover-border-color);
}
.bui-radio-focused {
        border-color: var(--bui-focus-border-color);
        box-shadow: var(--bui-focus-shadow);
}
.bui-radio-checked {
        border-color: var(--bui-static-background-color);
}
.bui-radio-checked::before {
        background-color: var(--bui-static-background-color);
        transform: scale(1);
}

.bui-calendar-year-container {
        display: flex;
        position: relative;
        flex-direction: column;
        color: var(--bui-static-foreground-color);
        background-color: var(--bui-static-background-color);
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        width: max-content;
}
.bui-calendar-year-header {
        display: flex;
        position: relative;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background-color: var(--bui-static-background-color);
        padding-bottom: var(--bui-padding-top-bottom);
        color: var(--bui-static-foreground-color);
        user-select: none;
}
.bui-calendar-years {
        display: grid;
        grid-template-columns: min-content min-content min-content;
        position: relative;
        grid-gap: .25em;
        min-width: max-content;
        justify-content: space-between;
}
.bui-calendar-year {
        position: relative;
        text-align: center;
        width: 3.5em;
        height: 2.5em;
}
.bui-calendar-year-selected {
        background-color: var(--bui-active-background-color);
}


.bui-calendar-month-container {
        display: flex;
        position: relative;
        flex-direction: column;
        color: var(--bui-static-foreground-color);
        background-color: var(--bui-static-background-color);
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        width: max-content;
        min-width: max-content;
}
.bui-calendar-month-header {
        display: flex;
        position: relative;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding-bottom: var(--bui-padding-top-bottom);
        color: var(--bui-static-background-color);
        user-select: none;
}
.bui-calendar-months {
        display: grid;
        grid-template-columns: min-content min-content min-content;
        position: relative;
        min-width: max-content;
        justify-content: space-between;
        grid-gap: .5em;
        overflow: hidden;
}
.bui-calendar-month {
        position: relative;
        text-align: center;
}
.bui-calendar-month-selected {
        background-color: var(--bui-active-background-color);
}
.bui-calendar-year-popup {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
}

.bui-calendar-time-container {
        display: flex;
        flex-direction: column;
}
.bui-calendar-hms-container {
        display: flex;
        position: relative;
        flex-direction: row;
        align-items: center;
        column-gap: .25em;
        padding-top: .25em;
}
.bui-calendar-time-container .bui-select-options-container {
        max-height: 50px !important;
}
.bui-calendar-time-label {
        font-size: .9em;
}
.bui-calendar-time-end {
        padding-top: .75em;
}

.bui-calendar-container {
        display: flex;
        position: relative;
        max-width: max-content;
        height: auto;
        overflow: hidden;
}
.bui-calendar {
        display: flex;
        position: relative;
        flex-direction: column;
        border: var(--bui-border-style) var(--bui-static-background-color);
        transition: opacity .25s ease-out;
}
.bui-calendar-disabled * {
        user-select: none;
        pointer-events: none;
        opacity: .75;
        transition: opacity .25s ease-out;
}
.bui-calendar-header {
        display: flex;
        position: relative;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        user-select: none;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        border-bottom: 1px solid var(--bui-static-border-color);
}
.bui-calendar-week {
        display: grid;
        grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
        position: relative;
        width: max-content;
        grid-gap: .5em;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
}
.bui-calendar-weekday {
        position: relative;
        text-align: center;
        justify-self: center;
        width: 2.5em;
        height: auto;
        padding-top: .5em;
        font-weight: bold;
        opacity: .6;
}
.bui-calendar-days {
        display: grid;
        grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
        position: relative;
        width: max-content;
        grid-gap: .5em;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
}
.bui-calendar-day {
        font-size: 1em;
        width: 2.5em;
        height: auto;
        justify-content: center;
}
.bui-calendar-time-select {
        display: flex;
        flex-direction: column;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        border-top: 1px solid var(--bui-static-border-color);
        row-gap: .5em;
}
.bui-calendar-time {
        padding-bottom: var(--bui-padding-top-bottom);
}
.bui-calendar-day-selected {
        color: var(--bui-static-foreground-color) !important;
        background-color: var(--bui-static-background-color);
}
.bui-calendar-day-selected:focus {
        color: var(--bui-static-foreground-color) !important;
        background-color: var(--bui-static-background-color);
}
.bui-calendar-day-selected:hover {
        color: var(--bui-hover-foreground-color) !important;
        background-color: var(--bui-hover-background-color);
}
.bui-calendar-day-selected:focus:hover {
        color: var(--bui-static-foreground-color) !important;
        background-color: var(--bui-static-background-color);
}
.bui-calendar-month-popup {
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60%;
        height: 75%;
        transform: translate(-50%, -50%);
        box-shadow: var(--bui-float-shadow);
}
.bui-calendar .bui-button,
    .bui-calendar .bui-button .bui-icon {
        color: inherit;
}
.bui-calendar-separator {
        padding-top: var(--bui-padding-top-bottom);
        padding-bottom: var(--bui-padding-top-bottom);
}

.bui-datepicker {
        display: flex;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.bui-datepicker-calendar {
        display: flex;
        position: absolute;
        max-width: max-content;
        background-color: var(--bui-base-background-color);
        box-shadow: var(--bui-float-shadow);
        padding: 0;
        z-index: 2;
}

.cssBasTimestampInputDarkModeVars[data-v-9796ff8f] {
  --bas-timestamp-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-9796ff8f] {
  display: flex;
  flex-direction: column;
  grid-row-gap: 0.5em;
  border: var(--bas-timestamp-input-menu-border);
}
.bui-custom-select[data-v-9796ff8f] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-9796ff8f] .bui-input-label {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  text-align: left;
  margin-left: 0;
  justify-self: end;
  width: 4em;
}
.bui-custom-select[data-v-9796ff8f] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 15em;
}
.bui-custom-select[data-v-9796ff8f] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-9796ff8f] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssSeparator[data-v-9796ff8f] {
  margin-top: 10px;
  margin-bottom: 10px;
  z-index: -1;
}
.cssButtonBox[data-v-9796ff8f] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssSaveButtonBox[data-v-9796ff8f] {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.fade-enter-active[data-v-9796ff8f] {
  transition: opacity 0.2s ease-in;
}
.fade-leave-active[data-v-9796ff8f] {
  transition: opacity 0.8s ease-out;
}
.fade-enter-from[data-v-9796ff8f],
.fade-leave-to[data-v-9796ff8f] {
  opacity: 0;
}


.container[data-v-db111dce] {
    display: flex;
    width: 100%;
    justify-content: center;
}
.top-item[data-v-db111dce] {
    width: 100%;
    max-width: 1920px;
    padding-left: 0px;
    padding-right: 0px;
    gap: 16px;
}
.card-chart[data-v-db111dce] {
    --card-chart-border: var(--bui-border-style) var(--bui-neutral-background-color);
}
.row[data-v-db111dce] {
    padding: 0px;
    gap: 20px;
    align-items: flex-start;
}
.col[data-v-db111dce] {
    padding: 0px;
    gap: 20px;
}
.cssVarDeviceTotalChart[data-v-db111dce] {
    --canvas-x: 10px;
    --canvas-y: 40px;
    --canvas-w: 150px;
    --canvas-h: 150px;
    --card-chart-subtitle-x: 200px;
    --card-chart-subtitle-y: 5px;
    --card-chart-subtitle-w: 190px;
    --card-chart-subtitle-h: 20px;
    --card-chart-subtitle-font: 400 18px Verdana;
    --card-chart-subtitle-text-align: right;
}
.cssMapContainer[data-v-db111dce] {
    width: 100%;
    height: 640px;
    border: var(--card-chart-border);
}
.cssMapTitleBar[data-v-db111dce] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    padding: 0px 5px;
    align-items: center;
}
.cssMapTitleControls[data-v-db111dce] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.cssMapTitleText[data-v-db111dce] {
    position: relative;
    left: 5px;
    width: 300px;
    height: 20px;
    font: 600 16px Verdana;
}
.cssMap[data-v-db111dce] {
    height: 608px;
}
.cssOfflineByModelChart[data-v-db111dce] {
  --card-chart-canvas-x: 90px;
  --card-chart-canvas-w: 280px;
  --legend-area-h: 78px;
  --legend-text-w: 90px;
  --legend-gap: 11px;
}
.cssBcasChart[data-v-db111dce] {
  width: 100%;
  height: 200px;

  --card-border-radius: 0px;
  --card-chart-canvas-x: 30px;
  --card-chart-canvas-w: 135px;
  --card-chart-legend-area-x: 200px;
}
.cssInsightChart[data-v-db111dce] {
  width: 100%;
  height: 200px;

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-border-radius: 0px;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 7px;
  --card-chart-canvas-w: calc(100% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));
}
.cssCard[data-v-db111dce] {
  width: 500px;
  height: 200px;
}
.cssChartCard[data-v-db111dce] {
  --card-border-radius: 0px;
}

.cssOfflineByModelChart > .cssCardChartLegendArea {
  justify-content: space-around;
}
/* Style for the map location button - ready for future customizations */
.cssMapLocationButton {
    top: 1px;
    padding: 4px;
    font-size: 1.05em;
}

.bui-link {
        display: inline-flex;
        position: relative;
        background-color: transparent;
        border: none;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        user-select: none;
        align-items: center;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
        outline: none;
        text-decoration: none;
}
.bui-link:link {
        color: var(--bui-static-background-color);
}
.bui-link:visited {
        color: var(--bui-static-background-color);
}
.bui-link:hover {
        color: var(--bui-hover-background-color);
        text-decoration: underline;
}
.bui-link:active {
        color: var(--bui-active-background-color);
}
.bui-link:focus {
        border-color: var(--bui-focus-border-color);
        box-shadow: var(--bui-focus-shadow);
}
.bui-link-button {
        padding: var(--bui-link-button-padding) !important;
}
.bui-link-button-container {
        font-size: var(--bui-link-font-size);
}

.cssFullWidth[data-v-111fd2ce] {
  padding: 0;
  width: 100%;
}
.cssToolBar[data-v-111fd2ce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssToolBarGroup[data-v-111fd2ce] {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.cssStarButton[data-v-111fd2ce] .p-togglebutton-label {
  display: none;
}
.cssStarButton[data-v-111fd2ce] .p-button {
  background: transparent;
  border: none;
  padding: 0;
}
.cssStarButton[data-v-111fd2ce] .bui-icon {
  pointer-events: none;
  font-size: 1.25em;
}
.cssInvalidProductIcon[data-v-111fd2ce] {
  color: var(--p-rose-900);
  font-size: 1.25em;
  position: relative;
  top: 0.125em;
  margin-left: 0.25em;
}
.cssActionButtonContainer[data-v-111fd2ce] {
  display: flex;
  gap: 0.5em;
}
.cssColumnMultiSelect[data-v-111fd2ce] {
  color: var(--p-togglebutton-color);
  background: var(--p-togglebutton-background);
  border: 1px solid var(--p-togglebutton-border-color);

  padding: 0.75em 0.25em;
  border-radius: 0.25em;
  height: 46px;
}
.cssColumnMultiSelect[data-v-111fd2ce]:hover {
  border: 1px solid var(--p-togglebutton-border-color);
  background: var(--p-togglebutton-hover-background);
  color: var(--p-togglebutton-hover-color);
}
.cssColumnMultiSelect[data-v-111fd2ce] .p-multiselect-dropdown-icon {
  font-size: 1.25em;
}
.cssColumnMultiSelect[data-v-111fd2ce] .bui-icon {
  font-size: 1.25em;
  border-radius: 0;
}
.cssColumnMultiSelect[data-v-111fd2ce] .p-multiselect-label-container {
  display: none;
}

.cardChartExpanded[data-v-c506e4a0] {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    background-color: var(--bui-base-background-color);
    top: 0;
    left: 0;
    z-index: 3;
}
.expandLegend[data-v-c506e4a0] {
    right: 0px;
    left: auto !important;
    width: auto !important;
}
.expandButton[data-v-c506e4a0] {
    position: absolute;
    right: 20px;
}
.cssCardChartVars[data-v-c506e4a0] {
  --card-w: var(--card-chart-w, 400px);
  --card-h: var(--card-chart-h, 200px);
  --card-border: var(--card-chart-border, 1px solid black);
  --card-border-radius: var(--card-chart-border-radius, 0px);

  --title-x: var(--card-chart-title-x, 5px);
  --title-y: var(--card-chart-title-y, 5px);
  --title-w: var(--card-chart-title-w, 400px);
  --title-h: var(--card-chart-title-h, 16px);
  --title-font: var(--card-chart-title-font, 600 16px Verdana);

  --subtitle-x: var(--card-chart-subtitle-x, 5px);
  --subtitle-y: var(--card-chart-subtitle-y, 26px);
  --subtitle-w: var(--card-chart-subtitle-w, 320px);
  --subtitle-h: var(--card-chart-subtitle-h, 16px);
  --subtitle-font: var(--card-chart-subtitle-font, 400 14px Verdana);
  --subtitle-text-align: var(--card-chart-subtitle-text-align, left);

  --canvas-x: var(--card-chart-canvas-x, 30px);
  --canvas-y: var(--card-chart-canvas-y, 50px);
  --canvas-w: var(--card-chart-canvas-w, 135px);
  --canvas-h: var(--card-chart-canvas-h, 135px);

  --legend-area-x: var(--card-chart-legend-area-x, 200px);
  --legend-area-y: var(--card-chart-legend-area-y, 50px);
  --legend-area-w: var(--card-chart-legend-area-w, 200px);
  --legend-area-h: var(--card-chart-legend-area-h, 135px);

  --legend-gap: var(--card-chart-legend-gap, 8px);

  --legend-text-w: var(--card-chart-legend-text-w, 160px);
  --legend-text-h: var(--card-chart-legend-text-h, 16x);
  --legend-text-font: var(--card-chart-legend-text-font, 16px Arial);
  --legend-text-align: var(--card-chart-legend-text-align, left);

  --legend-color-box-0: var(--card-chart-legend-color-box-0, blue);
  --legend-color-box-1: var(--card-chart-legend-color-box-1, purple);
  --legend-color-box-2: var(--card-chart-legend-color-box-2, orange);
  --legend-color-box-3: var(--card-chart-legend-color-box-3, red);
  --legend-color-box-4: var(--card-chart-legend-color-box-4, green);
}
.cssHorizontalBarCardChartVars[data-v-c506e4a0] {
  --canvas-x: var(--card-chart-canvas-x, 80px);
  --canvas-y: var(--card-chart-canvas-y, 40px);
  --canvas-w: var(--card-chart-canvas-w, 290px);
  --canvas-h: var(--card-chart-canvas-h, 145px);

  --axis-x-unit-x: var(--card-chart-axis-x-unit-x, 380px);
  --axis-x-unit-y: var(--card-chart-axis-x-unit-y, 166px);
  --axis-x-unit-w: var(--card-chart-axis-x-unit-w, 12px);
  --axis-x-unit-h: var(--card-chart-axis-x-unit-h, 12px);
  --axis-x-unit-font: var(--card-chart-axis-x-unit-font, 12px Arial);

  --legend-area-x: var(--card-chart-legend-area-x, -15px);
  --legend-area-y: var(--card-chart-legend-area-y, 69px);
  --legend-area-w: var(--card-chart-legend-area-w, 120px);
  --legend-area-h: var(--card-chart-legend-area-h, 120px);

  --legend-gap: var(--card-chart-legend-gap, 14px);

  --legend-text-w: var(--card-chart-legend-text-w, 80px);
  --legend-text-align: var(--card-chart-legend-text-align, right);

  --legend-color-box-0: var(--card-chart-legend-color-box-0, transparent);
  --legend-color-box-1: var(--card-chart-legend-color-box-1, transparent);
  --legend-color-box-2: var(--card-chart-legend-color-box-2, transparent);
  --legend-color-box-3: var(--card-chart-legend-color-box-3, transparent);
  --legend-color-box-4: var(--card-chart-legend-color-box-4, transparent);
}
.cssCardChart[data-v-c506e4a0] {
  position: relative;
  width: var(--card-w);
  height: var(--card-h);
  border: var(--card-border);
  border-radius: var(--card-border-radius);
}
.cssCardChartTitle[data-v-c506e4a0] {
  position: absolute;
  left: var(--title-x);
  top: var(--title-y);
  width: var(--title-w);
  height: var(--title-h);
  font: var(--title-font);
}
.cssCardChartSubtitle[data-v-c506e4a0] {
  position: absolute;
  left: var(--subtitle-x);
  top: var(--subtitle-y);
  width: var(--subtitle-w);
  height: var(--subtitle-h);
  font: var(--subtitle-font);
  text-align: var(--subtitle-text-align);
}
.cssCardChartCanvas[data-v-c506e4a0] {
  position: relative;
  left: var(--canvas-x);
  top: var(--canvas-y);
  width: var(--canvas-w);
  height: var(--canvas-h);
}
.cssCardChartLegendArea[data-v-c506e4a0] {
  position: absolute;
  left: var(--legend-area-x);
  top: var(--legend-area-y);
  width: var(--legend-area-w);
  height: var(--legend-area-h);

  display: flex;
  flex-flow: column wrap;
  gap: var(--legend-gap);
}
.cssCardChartLegend[data-v-c506e4a0] {
  display: flex;
  align-items: flex-start;
}
.cssCardChartLegendColorBox[data-v-c506e4a0] {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.cssCardChartLegendColorBox0[data-v-c506e4a0] {
  background-color: var(--legend-color-box-0);
}
.cssCardChartLegendColorBox1[data-v-c506e4a0] {
  background-color: var(--legend-color-box-1);
}
.cssCardChartLegendColorBox2[data-v-c506e4a0] {
  background-color: var(--legend-color-box-2);
}
.cssCardChartLegendColorBox3[data-v-c506e4a0] {
  background-color: var(--legend-color-box-3);
}
.cssCardChartLegendColorBox4[data-v-c506e4a0] {
  background-color: var(--legend-color-box-4);
}
.cssCardChartLegendText[data-v-c506e4a0] {
  display: inline-block;
  width: var(--legend-text-w);
  font: var(--legend-text-font);

  margin-left: 8px;
  text-align: var(--legend-text-align);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cssCardChartHbarXUnit[data-v-c506e4a0] {
  position: absolute;
  left: var(--axis-x-unit-x);
  top: var(--axis-x-unit-y);
  width: var(--axis-x-unit-w);
  height: var(--axis-x-unit-h);
  font: var(--axis-x-unit-font);
}
a[data-v-c506e4a0]:link,
a[data-v-c506e4a0]:visited {
  text-decoration: none;
  color:inherit;
}
a[data-v-c506e4a0]:hover,
a[data-v-c506e4a0]:active {
  text-decoration: underline;
}
.cssCardChartLoadingIcon[data-v-c506e4a0] {
  position: absolute;
  left: calc(var(--card-w) - 25px);
  top: calc(var(--card-h) - 25px);
  width: 20px;
  height: 20px;
  animation: spinAnimation-c506e4a0 2s infinite linear;
}
@keyframes spinAnimation-c506e4a0 {
0%   {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}


.mapModal[data-v-2a494124] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 10;
  background-color: rgba(0, 0, 0, 0.4);
}
.mapContainer[data-v-2a494124] {
  position: relative;
  top: 10%;
  left: 5%;
  width: 90%;
  height: 80%;
  background-color: var(--bui-base-background-color);
  border: 1px solid var(--bui-base-foreground-color);
}
.map[data-v-2a494124] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mapInputDialog[data-v-2a494124] {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 50%;
  padding: 15px;
  background-color: var(--bui-base-background-color);
  border: 1px solid var(--bui-base-foreground-color);
}
.mapInputContainer[data-v-2a494124] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
.mapInputPrompt[data-v-2a494124] {
  font-size: 16px;
  margin-bottom: 5px;
}
#domAppInputContainer[data-v-2a494124] {
  width: 70%;
  padding: 5px 0;
  margin-right: 10px;
}
.mapAddrInput[data-v-2a494124] {
  font-size: 18px;
  width: 97%;
  background-color: var(--bui-static-foreground-color);
}
.mapInputButton[data-v-2a494124] {
  display: flex;
  font-size: 18px;
  margin-right: 10px;
}
.cssSuggestContainerOuter[data-v-2a494124] {
  position: absolute;
  padding-left: 2px;
  padding-top: 2px;
}
.cssSuggestContainerInner[data-v-2a494124] {
  position: absolute;
  min-width: 500px;
}
.cssSuggest[data-v-2a494124] {
  padding: 0.25em 1em;
  color: var(--bui-static-background-color);
  background-color: var(--bui-static-foreground-color);
  cursor: pointer;
}
.cssSuggest[data-v-2a494124]:hover {
  color: var(--bui-hover-foreground-color);
  background-color: var(--bui-hover-background-color);
}

.bui-checkbox-container {
        display: flex;
        position: relative;
        max-width: max-content;
        column-gap: .5em;
        align-items: center;
        cursor: pointer;
        color: var(--bui-base-foreground-color);
}
.bui-checkbox-container-reverse {
        flex-direction: row-reverse
}
.bui-checkbox-label {
        user-select: none;
}
.bui-checkbox {
        border: var(--bui-border-style) var(--bui-neutral-background-color);
        border-width: 2px;
        min-height: 1.1em;
        min-width: 1.1em;
}
.bui-checkbox.bui-shape-round {
        padding: 1px !important;
}
.bui-checkbox:hover {
        background-color: var(--bui-hover-background-color);
        border-color: var(--bui-hover-border-color);
}
.bui-checkbox-focused {
        border-color: var(--bui-focus-border-color);
        box-shadow: var(--bui-focus-shadow);
}
.bui-checkbox-checked {
        color: var(--bui-static-foreground-color);
        background-color: var(--bui-static-background-color);
        border-color: var(--bui-static-background-color);
}
.bui-checkbox:not(.bui-checkbox-checked) {
        background-color: transparent;
}


.cssDialogDeviceVars[data-v-df41e373] {
  --dialog-w: var(--dialog-device-w, 960px);
  --dialog-h: var(--dialog-device-h, 470px);
  --dialog-bg: var(--dialog-device-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-device-corner, 10px);

  --dialog-text-semi-bold: var(--dialog-device-text-semi-bold, 600);
}
.cssDialogDeviceDarkModeVars[data-v-df41e373] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-df41e373] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-df41e373] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 13px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssFlexLeftRight[data-v-df41e373] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cssFlexTopDown[data-v-df41e373] {
  display: flex;
  flex-direction: column;
}
.cssFlexAlignRight[data-v-df41e373] {
  align-items: flex-end;
}
.cssProductDevice[data-v-df41e373] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDeviceId[data-v-df41e373] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssDateTime[data-v-df41e373], .cssConnectionReason[data-v-df41e373] {
  font-size: 14px;
  height: 14px;
  margin-top: 3px;
}
.cssRowConnection[data-v-df41e373] {
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssConnected[data-v-df41e373] {
  /* color: green; */
  color: var(--bui-base-foreground-color);
}
.cssDisconnected[data-v-df41e373] {
  /* color: #900C3F; */
  color: var(--bui-base-foreground-color);
}
.cssRowMain[data-v-df41e373] {
  height: 300px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.cssDeviceChart[data-v-df41e373] {
  width: 600px;
  height: 300px;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: 0px solid black;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 10px;
  --card-chart-canvas-w: calc(100% - 10px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));
}
.cssDeviceFields[data-v-df41e373] {
  width: 300px;
  height: 100%;
}
.cssDeviceField[data-v-df41e373] {
  height: 80px;
}
.cssDeviceFieldLabel[data-v-df41e373] {
  font-size: 1rem;
  margin-bottom: 5px;
  color: var(--bui-neutral-background-color);
}
.cssUpdateIcon[data-v-df41e373] {
  display: inline;
  height: 1rem;
  color: var(--bui-neutral-background-color);
}
.cssUpdateDevice[data-v-df41e373] {
  margin-left: 10px;
  display: inline;
  height: 1rem;
  font-style: italic;
}
.cssBottomRow[data-v-df41e373] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cssUpdateDeviceBlock[data-v-df41e373] {
  cursor: pointer;
}
.cssUpdateDeviceProfileIcon[data-v-df41e373] {
  width: 14px;
  height: 14px;
  display: inline-block;
  color: var(--bui-neutral-background-color);
}
.cssUpdateDeviceProfileLabel[data-v-df41e373] {
  font-style: italic;
  margin-left: 3px;
  color: var(--bui-static-background-color);
}
.cssButtonSet[data-v-df41e373] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-right: 10px;
}
.cssMessageBlock[data-v-df41e373] {
  display: flex;
  align-items: center;
  height: 1rem;
  gap: 10px;
  width: 500px;
}
.cssMessageIcon[data-v-df41e373] {
  width: 24px;
  height: 24px;
}
.cssMessage[data-v-df41e373] {
  font-size: inherit;
}


.cssSelectLongList > div {
  max-height: 30vh;
  overflow-y: scroll;
}

.cssDialogConfirmVars[data-v-70125e93] {
  --dialog-w: var(--dialog-confirm-w, 800px);
  --dialog-h: var(--dialog-confirm-h, 200px);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-70125e93] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-70125e93] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-70125e93] {
  display: flex;
  flex-direction: column;
}
.cssFlexLeftRight[data-v-70125e93] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-70125e93] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  min-height: var(--dialog-h);
  max-height: 90vh;

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-70125e93] {
  width: calc(var(--dialog-w) - 40px);
  min-height: calc(var(--dialog-h) - 110px);
  flex: 1;

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;

  /* Handle long text gracefully */
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  text-align: center;
  overflow-y: auto;
}
.cssBottomRow[data-v-70125e93] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 50px;
}


.cssCardVars[data-v-6f306b1e] {
  --border-radius: var(--bas-card-border-radius, 10px);
  --header-padding: var(--bas-card-header-padding, 0.5em);
  --header-font-size: var(--bas-card-header-font-size, 1.25em);
  --content-footer-h: var(--bas-card-content-footer-h, 0em);

  --titile-block-z-order: var(--bas-card-title-z-order, 30);
  --disable-block-z-order: var(--bas-card-title-z-order, 20);
}
.cssCardContainer[data-v-6f306b1e] {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.cssCardHeader[data-v-6f306b1e] {
  flex: none;

  display: flex;
  width: 100%;
  padding: var(--header-padding);
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}
.cssCardTitle[data-v-6f306b1e] {
  display: flex;
  align-items: center;
  gap: 0.5em;
  z-index: var(--titile-block-z-order);
}
.cssCardAction[data-v-6f306b1e] {
  display: flex;
  gap: 0.5em;
  cursor: pointer;
  align-items: center;
}
.cssCardIcon[data-v-6f306b1e] {
  font-size: var(--header-font-size);
}
.cssCardTitleText[data-v-6f306b1e] {
  font-size: var(--header-font-size);
  font-weight: bolder;
}
.cssCardContent[data-v-6f306b1e] {
  flex: 1 1 auto;
  width: 100%;
  overflow: auto;
}
.cssCardContentFooter[data-v-6f306b1e] {
  width: 100%;
  height: var(--content-footer-h);
}
.cssCardDisabled[data-v-6f306b1e] {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: var(--disable-block-z-order);

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: rgba(40, 40, 40, 0.1);
  border-radius: var(--border-radius);
  backdrop-filter: blur(6px);
}

.cssDialogConfirmVars[data-v-fb3cac19] {
  --dialog-w: var(--dialog-info-w, 600px);
  --dialog-h: var(--dialog-info-h, 400px);
  --dialog-bg: var(--dialog-info-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-info-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-fb3cac19] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-fb3cac19] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-fb3cac19] {
  display: flex;
  flex-direction: column;
}
.cssFlexLeftRight[data-v-fb3cac19] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-fb3cac19] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-fb3cac19] {
  width: calc(var(--dialog-w) - 50px);
  height: calc(var(--dialog-h) - 110px);

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cssBottomRow[data-v-fb3cac19] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 50px;
}


.cssButton[data-v-605d9c3e] {
  height: 33px;
}
a[data-v-605d9c3e]:link, a[data-v-605d9c3e]:visited, a[data-v-605d9c3e]:hover, a[data-v-605d9c3e]:active {
  text-decoration: none;
}
.cssDeviceExportStatus[data-v-605d9c3e] {
    --dialog-info-h: 200px;
}


.mapModal[data-v-c01c5ab0] {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
}
.mapContainer[data-v-c01c5ab0] {
    position: relative;
    top: 10%;
    left: 5%;
    width: 90%;
    height: 80%;
    background-color: var(--bui-base-background-color);
    border: 1px solid var(--bui-base-foreground-color);
}
.map[data-v-c01c5ab0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mapInputDialog[data-v-c01c5ab0] {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 50%;
    padding: 15px;
    background-color: var(--bui-base-background-color);
    border: 1px solid var(--bui-base-foreground-color);
}
.mapInputContainer[data-v-c01c5ab0] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
}
.mapInputPrompt[data-v-c01c5ab0] {
    font-size: 16px;
    margin-bottom: 5px;
}
#domAppInputContainer[data-v-c01c5ab0] {
    width: 70%;
    padding: 5px 0;
    margin-right: 10px;
}
.mapAddrInput[data-v-c01c5ab0] {
    font-size: 18px;
    width: 97%;
}
.mapInputButton[data-v-c01c5ab0] {
    display: flex;
    font-size: 18px;
    margin-right: 10px;
}

.device-css-scope[data-v-ab9da877] {
        --property-width: 380px;
}
a[data-v-ab9da877]:link, a[data-v-ab9da877]:visited, a[data-v-ab9da877]:hover, a[data-v-ab9da877]:active {
        text-decoration: none;
}
.device-detail[data-v-ab9da877] {
        font-size: 24px;
        font-weight: bold;
}
.device-button-row[data-v-ab9da877] {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 20px;
}
.device-property-container[data-v-ab9da877] {
        margin-left: 100px;
        padding: 10px 0px;
}
.device-property-row[data-v-ab9da877] {
        margin-top: 20px;
        margin-bottom: 20px;
        width: var(--property-width);
}
.device-connected[data-v-ab9da877] {
        /*
        color: green;
        */
        color: var(--bui-base-foreground-color);
}
.device-disconnected[data-v-ab9da877] {
        /*
        color: #900C3F;
        */
        color: var(--bui-base-foreground-color);
}
.device-readonly[data-v-ab9da877] {
        border-bottom: 2px solid #DDD;
}
.device-flex-container[data-v-ab9da877] {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-top: 50px;
        font-size: 30px;
}
.device-label[data-v-ab9da877] {
        display: block;
        width: 170px;
        font-size: 22px;
        margin-bottom: 10px;
        font-weight: bold;
}
.device-label-row[data-v-ab9da877] {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 5px;
}
.device-label-text[data-v-ab9da877] {
        font-size: 22px;
        font-weight: bold;
}
.device-invalid-icon[data-v-ab9da877] {
        display: inline;
        width: 20px;
        height: 20px;
        margin-left: 20px;
}
.device-invalid-location[data-v-ab9da877] {
        font-size: 20px;
        color: red;
}
.device-value[data-v-ab9da877] {
        display: block;
        width: var(--property-width);
        font-size: 20px;
        padding-left: 40px;
}
.device-textbox[data-v-ab9da877] {
        display: block;
        width: var(--property-width);
        font-size: 20px;
}
.device-action-icon[data-v-ab9da877] {
        width: 24px;
        height: 24px;
}
.device-action-message[data-v-ab9da877] {
        font-size: 20px;
}
.device-message[data-v-ab9da877] {
        display: flex;
        align-items: center;
        margin-top: 40px;
        gap: 10px;
        width: 600px;
}


.cssBasDataInputDarkModeVars[data-v-3edf7b9d] {
  --bas-data-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-3edf7b9d] {
  border: var(--bas-data-input-menu-border);
}
.bui-custom-select[data-v-3edf7b9d] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-3edf7b9d] .bui-input-label {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  text-align: left;
  margin-left: 0;
  justify-self: end;
  width: 4em;
}
.bui-custom-select[data-v-3edf7b9d] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-3edf7b9d] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-3edf7b9d] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-3edf7b9d] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-3edf7b9d] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-3edf7b9d] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssExactMatchCheckbox[data-v-3edf7b9d] {
  margin-top: 0.25em;
}
[data-v-3edf7b9d] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-3edf7b9d] .bas-highlight.bui-select-highlight::placeholder  {
    color: var(--bui-info-background-color) !important;
}



.cssFullWidth[data-v-ac83b072] {
  padding: 0;
  width: 100%;
}
.cssToolBar[data-v-ac83b072] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssToolBarGroup[data-v-ac83b072] {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.cssActionButtonContainer[data-v-ac83b072] {
  display: flex;
  gap: 0.5em;
}
.cssColumnMultiSelect[data-v-ac83b072] {
  color: var(--p-togglebutton-color);
  background: var(--p-togglebutton-background);
  border: 1px solid var(--p-togglebutton-border-color);

  padding: 0.75em 0.25em;
  border-radius: 0.25em;
  height: 46px;
}
.cssColumnMultiSelect[data-v-ac83b072]:hover {
  border: 1px solid var(--p-togglebutton-border-color);
  background: var(--p-togglebutton-hover-background);
  color: var(--p-togglebutton-hover-color);
}
.cssColumnMultiSelect[data-v-ac83b072] .p-multiselect-dropdown-icon {
  font-size: 1.25em;
}
.cssColumnMultiSelect[data-v-ac83b072] .bui-icon {
  font-size: 1.25em;
  border-radius: 0;
}
.cssColumnMultiSelect[data-v-ac83b072] .p-multiselect-label-container {
  display: none;
}

.cssVars[data-v-1417e1f1] {
    --property-row-width: var(--bui-json-property-row-width, 800px);
    --property-name-width: var(--bui-json-property-name-width, 156px);
    --level-height: var(--bui-json-level-height, 30px);

    --property-name-white-space: var(--bui-json-property-name-white-space, nowrap);
    --property-name-overflow: var(--bui-json-property-name-overflow, hidden);
    --property-name-overflow-wrap: var(--bui-json-property-name-overflow-wrap, normal);
    --property-data-white-space: var(--bui-json-property-data-white-space, nowrap);
    --property-data-overflow: var(--bui-json-property-data-overflow, hidden);
    --property-data-overflow-wrap: var(--bui-json-property-data-overflow-wrap, normal);

    --property-level-0-even-color:
        var(--bui-json-property-level-0-even-color, transparent);
    --property-level-0-odd-color:
        var(--bui-json-property-level-0-odd-color, transparent);
    --property-level-0-hover-color:
        var(--bui-json-property-level-0-hover-color, transparent);

    --property-level-1-even-color:
        var(--bui-json-property-level-1-even-color, transparent);
    --property-level-1-odd-color:
        var(--bui-json-property-level-1-odd-color, transparent);
    --property-level-1-hover-color:
        var(--bui-json-property-level-1-hover-color, transparent);

    --property-level-2-even-color:
        var(--bui-json-property-level-2-even-color, transparent);
    --property-level-2-odd-color:
        var(--bui-json-property-level-2-odd-color, transparent);
    --property-level-2-hover-color:
        var(--bui-json-property-level-2-hover-color, transparent);

    --property-level-3-even-color:
        var(--bui-json-property-level-3-even-color, transparent);
    --property-level-3-odd-color:
        var(--bui-json-property-level-3-odd-color, transparent);
    --property-level-3-hover-color:
        var(--bui-json-property-level-3-hover-color, transparent);

    --property-level-4-even-color:
        var(--bui-json-property-level-4-even-color, transparent);
    --property-level-4-odd-color:
        var(--bui-json-property-level-4-odd-color, transparent);
    --property-level-4-hover-color:
        var(--bui-json-property-level-4-hover-color, transparent);

    --property-level-5-even-color:
        var(--bui-json-property-level-5-even-color, transparent);
    --property-level-5-odd-color:
        var(--bui-json-property-level-5-odd-color, transparent);
    --property-level-5-hover-color:
        var(--bui-json-property-level-5-hover-color, transparent);
}
.thisLevel[data-v-1417e1f1] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--level-height);
    font-size: 16px;
    width: var(--property-row-width);
    overflow: hidden;
}
.nextLevel[data-v-1417e1f1] {
    position: relative;
    padding-left: 30px;
}
.propertyIcon[data-v-1417e1f1] {
    display: inline;
    min-width: 24px;
    height: 24px;
}
.propertyName[data-v-1417e1f1] {
    display: inline;
    min-width: var(--property-name-width);
    max-width: var(--property-name-width);
    font-weight: 700;
    padding-top: 0.25em;
    padding-bottom: 0.25em;

    overflow: hidden;
    text-overflow: ellipsis;

    overflow-wrap: var(--property-name-overflow-wrap);
    white-space: var(--property-name-white-space);
}
.propertyData[data-v-1417e1f1] {
    display: inline;
    padding-top: 0.25em;
    padding-bottom: 0.25em;

    overflow-y: hidden;

    overflow-wrap: var(--property-data-overflow-wrap);
    white-space: var(--property-data-white-space);
}
.propertyData[data-v-1417e1f1]::-webkit-scrollbar {
    height: 4px !important;
}
.propertyDataTypeBoolean[data-v-1417e1f1] {
    color: purple;
    font-family: monospace;
}
.propertyDataTypeKeyword[data-v-1417e1f1] {
    color: purple;
    font-family: monospace;
    font-weight: 700;
}
.propertyDataTypeNumber[data-v-1417e1f1] {
    font-family: monospace;
    font-weight: 700;
}
.propertyDataTypeString[data-v-1417e1f1] {
    color: #666;
    font-family: monospace;
}
.showPointerCursor[data-v-1417e1f1] {
    cursor: pointer;
}
.expandable[data-v-1417e1f1] {
    border-bottom: 1px dotted var(--bui-base-foreground-color);
}
.level-0-even[data-v-1417e1f1] {
    background-color: var(--property-level-0-even-color);
}
.level-0-odd[data-v-1417e1f1] {
    background-color: var(--property-level-0-odd-color);
}
div.level-0-even[data-v-1417e1f1]:hover,
div.level-0-odd[data-v-1417e1f1]:hover {
    background-color: var(--property-level-0-hover-color);
}
.level-1-even[data-v-1417e1f1] {
    background-color: var(--property-level-1-even-color);
}
.level-1-odd[data-v-1417e1f1] {
    background-color: var(--property-level-1-odd-color);
}
div.level-1-even[data-v-1417e1f1]:hover,
div.level-1-odd[data-v-1417e1f1]:hover {
    background-color: var(--property-level-1-hover-color);
}
.level-2-even[data-v-1417e1f1] {
    background-color: var(--property-level-2-even-color);
}
.level-2-odd[data-v-1417e1f1] {
    background-color: var(--property-level-2-odd-color);
}
div.level-2-even[data-v-1417e1f1]:hover,
div.level-2-odd[data-v-1417e1f1]:hover {
    background-color: var(--property-level-2-hover-color);
}
.level-3-even[data-v-1417e1f1] {
    background-color: var(--property-level-3-even-color);
}
.level-3-odd[data-v-1417e1f1] {
    background-color: var(--property-level-3-odd-color);
}
div.level-3-even[data-v-1417e1f1]:hover,
div.level-3-odd[data-v-1417e1f1]:hover {
    background-color: var(--property-level-3-hover-color);
}
.level-4-even[data-v-1417e1f1] {
    background-color: var(--property-level-4-even-color);
}
.level-4-odd[data-v-1417e1f1] {
    background-color: var(--property-level-4-odd-color);
}
div.level-4-even[data-v-1417e1f1]:hover,
div.level-4-odd[data-v-1417e1f1]:hover {
    background-color: var(--property-level-4-hover-color);
}
.level-5-even[data-v-1417e1f1] {
    background-color: var(--property-level-5-even-color);
}
.level-5-odd[data-v-1417e1f1] {
    background-color: var(--property-level-5-odd-color);
}
div.level-5-even[data-v-1417e1f1]:hover,
div.level-5-odd[data-v-1417e1f1]:hover {
    background-color: var(--property-level-5-hover-color);
}


.cssVars[data-v-d5d949e5] {
    --bui-json-property-row-width: var(--bui-json-container-width, 800px);
    --bui-json-property-name-width: var(--bui-json-name-width, 250px);

    --bui-json-property-level-0-even-color:
        var(--bui-json-level-0-even-color, var(--light-blue-95, transparent));
    --bui-json-property-level-0-odd-color:
        var(--bui-json-level-0-odd-color, var(--light-blue-90, transparent));
    --bui-json-property-level-0-hover-color:
        var(--bui-json-level-0-hover-color, var(--light-blue-85, transparent));

    --bui-json-property-level-1-even-color:
        var(--bui-json-level-1-even-color, var(--light-green-95, transparent));
    --bui-json-property-level-1-odd-color:
        var(--bui-json-level-1-odd-color, var(--light-green-90, transparent));
    --bui-json-property-level-1-hover-color:
        var(--bui-json-level-1-hover-color, var(--light-green-85, transparent));

    --bui-json-property-level-2-even-color:
        var(--bui-json-level-2-even-color, var(--light-orange-95, transparent));
    --bui-json-property-level-2-odd-color:
        var(--bui-json-level-2-odd-color, var(--light-orange-90, transparent));
    --bui-json-property-level-2-hover-color:
        var(--bui-json-level-2-hover-color, var(--light-orange-85, transparent));

    --bui-json-property-level-3-even-color:
        var(--bui-json-level-3-even-color, var(--light-purple-95, transparent));
    --bui-json-property-level-3-odd-color:
        var(--bui-json-level-3-odd-color, var(--light-purple-90, transparent));
    --bui-json-property-level-3-hover-color:
        var(--bui-json-level-3-hover-color, var(--light-purple-85, transparent));

    --bui-json-property-level-4-even-color:
        var(--bui-json-level-4-even-color, var(--light-pink-95, transparent));
    --bui-json-property-level-4-odd-color:
        var(--bui-json-level-4-odd-color, var(--light-pink-90, transparent));
    --bui-json-property-level-4-hover-color:
        var(--bui-json-level-4-hover-color, var(--light-pink-85, transparent));

    --bui-json-property-level-5-even-color:
        var(--bui-json-level-5-even-color, var(--light-gray-95, transparent));
    --bui-json-property-level-5-odd-color:
        var(--bui-json-level-5-odd-color, var(--light-gray-90, transparent));
    --bui-json-property-level-5-hover-color:
        var(--bui-json-level-5-hover-color, var(--light-gray-85, transparent));
}
.container[data-v-d5d949e5] {
    width: var(--bui-json-property-row-width);
    overflow: hidden;
}
.cssDefaultColorSets[data-v-d5d949e5] {
    /* from this color picker:
     * https://www.w3schools.com/colors/colors_picker.asp
     */
    /* light blue rgb(0, 92, 138) 95% */
    --light-blue-95: #e6f7ff;
    /* light blue rgb(0, 92, 138) 90% */
    --light-blue-90: #cceeff;
    /* light blue rgb(0, 92, 138) 85% */
    --light-blue-85: #b3e6ff;
    /* light green rgb(0, 204, 102) 95% */
    --light-green-95: #e6fff2;
    /* light green rgb(0, 204, 102) 90% */
    --light-green-90: #ccffe6;
    /* light green rgb(0, 204, 102) 85% */
    --light-green-85: #b3ffd9;
    /* light orange rgb(255, 204, 102) 95% */
    --light-orange-95: #fff7e6;
    /* light orange rgb(255, 204, 102) 90% */
    --light-orange-90: #ffeecc;
    /* light orange rgb(255, 204, 102) 85% */
    --light-orange-85: #ffe6b3;
    /* light purple rgb(153, 51, 255) 95% */
    --light-purple-95: #f2e6ff;
    /* light purple rgb(153, 51, 255) 90% */
    --light-purple-90: #e6ccff;
    /* light purple rgb(153, 51, 255) 85% */
    --light-purple-85: #d9b3ff;
    /* light pink rgb(255, 153, 255) 95% */
    --light-pink-95: #ffe6ff;
    /* light pink rgb(255, 153, 255) 90% */
    --light-pink-90: #ffccff;
    /* light pink rgb(255, 153, 255) 85% */
    --light-pink-85: #ffb3ff;
    /* light gray rgb(255, 255, 255) 95% */
    --light-gray-95: #f2f2f2;
    /* light gray rgb(255, 255, 255) 90% */
    --light-gray-90: #e6e6e6;
    /* light gray rgb(255, 255, 255) 85% */
    --light-gray-85: #d9d9d9;
}
.cssWrapNameText[data-v-d5d949e5] {
    --bui-json-property-name-white-space: normal;
    --bui-json-property-name-overflow-wrap: break-word;
    --bui-json-level-height: '';
}
.cssWrapDataText[data-v-d5d949e5] {
    --bui-json-property-data-white-space: normal;
    --bui-json-property-data-overflow-wrap: break-word;
    --bui-json-level-height: '';
}


.cssDialogTelemetryVars[data-v-25c3bc4f] {
  --dialog-w: var(--dialog-telemetry-w, 960px);
  --dialog-h: var(--dialog-telemetry-h, 750px);
  --dialog-bg: var(--dialog-telemetry-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-telemetry-corner, 10px);

  --dialog-text-semi-bold: var(--dialog-telemetry-text-semi-bold, 600);
}
.cssDialogTelemetryDarkModeVars[data-v-25c3bc4f] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssTelemetryChart[data-v-25c3bc4f] {
     --legend-area-x: 820px;
}
.cssModal[data-v-25c3bc4f] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-25c3bc4f] {
  display: flex;
  flex-direction: column;
}
.cssFlexLeftRight[data-v-25c3bc4f] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cssDialog[data-v-25c3bc4f] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 15px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssTelemetryTitle[data-v-25c3bc4f] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDeviceId[data-v-25c3bc4f] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssTelemetryName[data-v-25c3bc4f] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDateTime[data-v-25c3bc4f] {
  height: 20px;
}
.cssTelemetryChart[data-v-25c3bc4f] {
  width: 920px;
  height: 225px;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: 0px solid black;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 20px;
  --card-chart-canvas-w: calc(100% - 20px);
  --card-chart-canvas-h: calc(100% - 20px);
}
.cssTelemetryDataBlock[data-v-25c3bc4f] {
  height: 425px;
}
.cssTelemetryDataLabel[data-v-25c3bc4f] {
  margin-bottom: 5px;
}
.cssTelemetryData[data-v-25c3bc4f] {
  height: 325px;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;
  overflow: auto;
  padding-top: 15px;
  padding-left: 15px;
}
.cssDataViewer[data-v-25c3bc4f] {
  --bui-json-container-width: 600px;
}
.cssBottomRow[data-v-25c3bc4f] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cssDownloadBlock[data-v-25c3bc4f]:hover {
  cursor: pointer;
}
.cssDownloadIcon[data-v-25c3bc4f] {
  width: 14px;
  height: 14px;
  display: inline-block;
  color: var(--bui-neutral-background-color);
}
.cssDownloadMsg[data-v-25c3bc4f] {
  font-style: italic;
  margin-left: 10px;
  color: var(--bui-static-background-color);
}
.cssButtonSet[data-v-25c3bc4f] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-right: 10px;
}


.cssButton[data-v-20959265] {
  height: 33px;
}
.cssTelemetryExportStatus[data-v-20959265] {
    --dialog-info-h: 200px;
}
a[data-v-20959265]:link, a[data-v-20959265]:visited, a[data-v-20959265]:hover, a[data-v-20959265]:active {
  text-decoration: none;
}
.cssTelemetryChart[data-v-20959265] {
  width: 100%;
  height: 300px;
  border: 1px solid var(--bui-neutral-background-color);

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: 0px solid black;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 0px;
  --card-chart-canvas-w: calc(100% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));
}


.bui-switch-container {
        display: flex;
        position: relative;
        max-width: max-content;
        column-gap: .5em;
        align-items: center;
        cursor: pointer;
}
.bui-switch-container-reverse {
        flex-direction: row-reverse
}
.bui-switch {
        display: flex;
        position: relative;
        color: var(--bui-neutral-foreground-color);
        background-color: var(--bui-neutral-background-color);
        border: var(--bui-border-style);
        border-color: var(--bui-neutral-background-color);
        align-items: center;
        min-width: 2.1em;
        min-height: 1.2em;
        transition: all .25s ease-in-out;
}
.bui-switch::before {
        content: "";
        position: absolute;
        background-color: var(--bui-neutral-foreground-color);
        min-width: 1em;
        min-height: 1em;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
        transition: all .25s ease-in-out;
}
.bui-switch.bui-shape-square::before {
        border-radius: 0;
}
.bui-switch:hover {
        border-color: var(--bui-hover-border-color);
}
.bui-switch:hover::before {
        border-color: var(--bui-hover-border-color);
}
.bui-switch-focused {
        box-shadow: var(--bui-focus-shadow);
}
.bui-switch-checked {
        background-color: var(--bui-static-background-color);
        border: var(--bui-border-style) var(--bui-static-background-color);
}
.bui-switch-checked::before {
        transform: translateX( 1em );
}
.bui-switch-checked:hover {
        border-color: var(--bui-hover-border-color);
}
.bui-switch-checked:hover::before {
        border-color: var(--bui-hover-border-color);
}

.cssBasInsightInputDarkModeVars[data-v-3d1a1fde] {
  --bas-insight-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-3d1a1fde] {
  border: var(--bas-insight-input-menu-border);
}
.bui-custom-select[data-v-3d1a1fde] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-3d1a1fde] .bui-input-label {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  text-align: left;
  margin-left: 0;
  justify-self: end;
  width: 4em;
}
.bui-custom-select[data-v-3d1a1fde] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-3d1a1fde] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-3d1a1fde] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-3d1a1fde] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-3d1a1fde] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-3d1a1fde] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-3d1a1fde] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-3d1a1fde] .bas-highlight.bui-select-highlight::placeholder  {
    color: var(--bui-info-background-color) !important;
}


.cssInsightSelectLongList > div {
  max-height: 50vh;
  overflow-y: scroll;
}

.cssFullWidth[data-v-a4473a4c] {
  padding: 0;
  width: 100%;
}
.cssToolBar[data-v-a4473a4c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssToolBarGroup[data-v-a4473a4c] {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.cssActionButtonContainer[data-v-a4473a4c] {
  display: flex;
  gap: 0.5em;
}
.cssColumnMultiSelect[data-v-a4473a4c] {
  color: var(--p-togglebutton-color);
  background: var(--p-togglebutton-background);
  border: 1px solid var(--p-togglebutton-border-color);

  padding: 0.75em 0.25em;
  border-radius: 0.25em;
  height: 46px;
}
.cssColumnMultiSelect[data-v-a4473a4c]:hover {
  border: 1px solid var(--p-togglebutton-border-color);
  background: var(--p-togglebutton-hover-background);
  color: var(--p-togglebutton-hover-color);
}
.cssColumnMultiSelect[data-v-a4473a4c] .p-multiselect-dropdown-icon {
  font-size: 1.25em;
}
.cssColumnMultiSelect[data-v-a4473a4c] .bui-icon {
  font-size: 1.25em;
  border-radius: 0;
}
.cssColumnMultiSelect[data-v-a4473a4c] .p-multiselect-label-container {
  display: none;
}

.bui-panel {
        display: flex;
        position: relative;
        color: var(--bui-static-foreground-color);
        background-color: var(--bui-static-background-color);
        align-items: center;
        justify-content: center;
}
.bui-panel.bui-shape-round::before {
            content: '';
            float: left;
            padding-top: 100%; /* 1:1 aspect ratio */
}

.cssGraphContainerExpanded[data-v-d2d42b49] {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    background-color: var(--bui-base-background-color);
    top: 0;
    left: 0;
    z-index: 3;
}
.cssLevelContainer[data-v-d2d42b49] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 15px;
    //position: absolute;
}
.expandButton[data-v-d2d42b49] {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 20;
}
.cssLevel[data-v-d2d42b49] {
    display: flex;
    flex-direction: column;
    margin-right: 60px;
}
.cssCluster[data-v-d2d42b49] {
    padding: 5px;
    margin-top: 20px;
    flex-direction: column;
    border: 1px solid black;
}
.cssClusterTitle[data-v-d2d42b49] {
    margin: 0;
}
.cssNode[data-v-d2d42b49] {
    height: 20px;
    border: 1px solid white;
    margin-bottom: 5px;
    white-space: nowrap;
}
.cssSvg[data-v-d2d42b49] {
    position: absolute;
    width: 400px;
    height: 300px;
    z-index: 20;
    pointer-events: none;
}
.cssSpan[data-v-d2d42b49] {
    white-space: nowrap;
}
.cssClusterRow[data-v-d2d42b49] {
     border: 1px solid #ddd;
}
.cssClusterLabelProp[data-v-d2d42b49] {
    text-align: left;
}
.cssClusterLabelValue[data-v-d2d42b49] {
    text-align: right;
}
.cssGaugeContainer[data-v-d2d42b49] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssGraphContainer[data-v-d2d42b49] {
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: absolute;
}
.cssGaugeVars[data-v-d2d42b49] {
  --canvas-x: var(--gauge-canvas-x, 0px);
  --canvas-y: var(--gauge-canvas-y, 0px);
  --canvas-w: var(--gauge-canvas-w, 100%);
  --canvas-h: var(--gauge-canvas-h, 100%);
}
.cssGaugeCanvas[data-v-d2d42b49] {
  position: absolute;
  top: var(--canvas-x);
  left: var(--canvas-y);
  width: var(--canvas-w);
  height: var(--canvas-h);
}

.cssFlexTopDown {
  display: flex;
  flex-direction: column;
}
.cssChartSelector {
    margin-right: 10px;
}
.fillDiv {
    width:100%;
    height: 100%;
}
.expandedModifiers {
    top: 2em;
    left: 0px;
    position: absolute;
    z-index:100000;
    background: var(--bui-base-background-color);
}
.expandedButtonModifiers {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 2em;
    background: var(--bui-base-background-color);
    padding: 2px;
}


.bui-input-container {
        display: flex;
        position: relative;
        max-width: max-content;
        color: var(--bui-static-foreground-color);
}
.bui-input-container-vertical {
        flex-direction: column;
        row-gap: .15em;
}
.bui-input-container-horizontal {
        flex-direction: row;
        align-items: center;
        column-gap: .25em;
}
.bui-input {
        font: inherit;
        outline: none;
        color: var(--bui-base-foreground-color);
        background-color: var(--bui-base-background-color);
        border: var(--bui-border-style) var(--bui-neutral-background-color);
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
}
.bui-input:hover:not(:focus) {
        border-color: var(--bui-hover-border-color);
}
.bui-input:focus {
        box-shadow: var(--bui-focus-shadow);
}
.bui-input-offset-left {
        padding-left: 1.75em;
}
.bui-input-offset-right {
        padding-right: 1.75em;
}
.bui-input-label {
        user-select: none;
        color: var(--bui-base-foreground-color);
}
.bui-input-label-inset {
        position: absolute;
        pointer-events: none;
        top: 50%;
        margin-left: .5em;
        transform: translate(0, -50%);
        transition: all .25s ease;
        opacity: .7;
}
.bui-input-label-float {
        top: -1em;
        font-size: 0.8em;
        opacity: inherit;
}
.bui-input-icon {
        position: absolute;
        top: 100%;
        transform: translate(0, -150%);
        opacity: .6;
        z-index: 1;
}
.bui-input-icon-left {
        left: .5em;
}
.bui-input-icon-right {
        left: calc( 100% - 1.5em );
}

.cssDialogInsightVars[data-v-0b3f1e6a] {
  --dialog-w: var(--dialog-insight-w, 960px);
  --dialog-h: var(--dialog-insight-h, 530px);
  --dialog-bg: var(--dialog-insight-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-insight-corner, 10px);

  --dialog-metadata-height: var(--dialog-insight-metadata-height, 400px);

  --dialog-text-semi-bold: var(--dialog-insight-text-semi-bold, 600);
}
.cssDialogInsightDarkModeVars[data-v-0b3f1e6a] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-0b3f1e6a] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-0b3f1e6a] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 9px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssFlexLeftRight[data-v-0b3f1e6a] {
  display: flex;
  flex-direction: row;
}
.cssFlexTopDown[data-v-0b3f1e6a] {
  display: flex;
  flex-direction: column;
}
.cssFlexAlignRight[data-v-0b3f1e6a] {
  align-items: flex-end;
}
.cssDialogHeight[data-v-0b3f1e6a] {
  height: var(--dialog-h);
}
.cssDialogHeightFull[data-v-0b3f1e6a] {
  height: calc(var(--dialog-h) + var(--dialog-metadata-height) - 12px);
}
.cssTransitionHeight[data-v-0b3f1e6a] {
  transition: height .3s;
}
.cssSpaceBetween[data-v-0b3f1e6a] {
  justify-content: space-between;
}
.cssInsightTitle[data-v-0b3f1e6a] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDeviceId[data-v-0b3f1e6a] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssDateTime[data-v-0b3f1e6a] {
  height: 20px;
  margin-top: 5px;
}
.cssRowResolveState[data-v-0b3f1e6a] {
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssResolved[data-v-0b3f1e6a] {
  /* color: green; */
  color: var(--bui-base-foreground-color);
}
.cssUnresolved[data-v-0b3f1e6a] {
  /* color: #900C3F; */
  color: var(--bui-base-foreground-color);
}
.cssRowMain[data-v-0b3f1e6a] {
  height: 350px;
  gap: 20px;
}
.cssInsightChart[data-v-0b3f1e6a] {
  width: 400px;
  height: 350px;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: 0px solid black;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 2em;
  --card-chart-canvas-w: calc(100% - 130px);
  --card-chart-canvas-h: calc(100% - 40px);
  --legend-area-x: 270px;
}
.cssInsightCountChart[data-v-0b3f1e6a] {
  --card-chart-canvas-w: calc(100% - 10px);
}
.cssInsightFields[data-v-0b3f1e6a] {
  width: 500px;
  height: 100%;
}
.cssInsightFieldIssue[data-v-0b3f1e6a] {
  width: 360px;
}
.cssInsightFieldSeverity[data-v-0b3f1e6a] {
  width: 120px;
}
.cssInsightFieldTime[data-v-0b3f1e6a] {
  width: 240px;
}
.cssInsightFieldLabel[data-v-0b3f1e6a] {
  font-size: 1rem;
  margin-bottom: 5px;
  color: var(--bui-neutral-background-color);
}
.cssMetadataLabel[data-v-0b3f1e6a] {
  font-style: italic;
  color: var(--bui-static-background-color);
}
.cssMetadataLabel[data-v-0b3f1e6a]:hover {
  cursor: pointer;
}
.cssMetadataBlockHide[data-v-0b3f1e6a] {
  height: 0px;
  visibility: hidden;
}
.cssMetadataBlockShow[data-v-0b3f1e6a] {
  height: calc(var(--dialog-metadata-height) - 34px);
}
.cssInsightMetadata[data-v-0b3f1e6a] {
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;
  overflow: auto;
  margin-top: 12px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
}
.cssBottomRow[data-v-0b3f1e6a] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.cssBottomLeft[data-v-0b3f1e6a]{
    display: flex;
    align-items: center;
}
.cssButtonSet[data-v-0b3f1e6a] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-right: 10px;
}
.cssMessageBlock[data-v-0b3f1e6a] {
  display: flex;
  align-items: center;
  height: 1rem;
  gap: 10px;
  width: 500px;
  padding-left: 20px;
}
.cssMessageIcon[data-v-0b3f1e6a] {
  width: 24px;
  height: 24px;
}
.cssMessage[data-v-0b3f1e6a] {
  font-size: inherit;
}


.cssButton[data-v-f38b8571] {
  height: 33px;
}
a[data-v-f38b8571]:link,
a[data-v-f38b8571]:visited,
a[data-v-f38b8571]:hover,
a[data-v-f38b8571]:active {
  text-decoration: none;
}
.cssInsightTableContainer[data-v-f38b8571] {
  padding: 0px;
  width: 100%;
  flex: 1 1 auto;
  align-items: start;
}
.cssMap[data-v-f38b8571] {
    height: 100%;
    width: 100%;
    min-height: 400px;
    min-width: 400px;
}
.cssMapContainer[data-v-f38b8571] {
    width: 100%;
}
.cssMapIcon[data-v-f38b8571] {
    font-size: 2em;
}
.cssInsightExportStatus[data-v-f38b8571] {
    --dialog-info-h: 200px;
}
.cssChartContainer[data-v-f38b8571] {
  display: flex;
  gap: 16px;
  margin-left: auto;
  margin-right: auto;
}

.cssBasNotificationInputDarkModeVars[data-v-fa18ee2e] {
  --bas-notification-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-fa18ee2e] {
  border: var(--bas-notification-input-menu-border);
}
.bui-custom-select[data-v-fa18ee2e] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-fa18ee2e] .bui-input-label {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  text-align: left;
  margin-left: 0;
  justify-self: end;
  width: 4em;
}
.bui-custom-select[data-v-fa18ee2e] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-fa18ee2e] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-fa18ee2e] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-fa18ee2e] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-fa18ee2e] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-fa18ee2e] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.bui-header-cell {
        padding: 1.25rem;
        text-align: left;
        font-size: 1rem;
        border-top: 1px solid var(--bui-neutral-foreground-color);
        border-bottom: 1px solid var(--bui-neutral-background-color);
}
.bui-header-cell-sorting {
        color: var(--bui-muted-foreground-color);
        background-color: var(--bui-muted-background-color);
}
.bui-header-cell:hover {
        color: var(--bui-hover-foreground-color);
        background-color: var(--bui-hover-background-color);
}
.bui-header-cell-sortable {
        cursor: pointer;
}

.bui-body-cell {
        padding: 5px 20px;
        text-align: left;
        border-bottom: 1px solid #ddd;
}

.bui-datatable {
        width: 100%;
        border-collapse: collapse;
}
.bui-datatable-row-0 {
        color: var(--bui-base-foreground-color);
        background: var(--bui-base-background-color);
}
.bui-datatable-row-1 {
        color: var(--bui-muted-foreground-color);
        background: var(--bui-muted-background-color);
}

.cssVars[data-v-a10be54f] {
        --skeleton-bg: var(--bui-neutral-foreground-color);
        --skeleton-bg-wave: var(--bui-muted-background-color);
}
:root[theme='dark'] .cssVars[data-v-a10be54f] {
        --skeleton-bg: var(--bui-muted-background-color);
        --skeleton-bg-wave: var(--bui-neutral-background-color);
}
.bui-paginator-block[data-v-a10be54f] {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
}
.bui-custom-select .bui-select[data-v-a10be54f] {
        color: inherit;
        border-color: inherit;
        background-color: inherit;
}
.cssPerPageSelect[data-v-a10be54f] {
        display: flex;
        gap: 10px;
        align-items: center;
}
.cssrSkeletonBlock[data-v-a10be54f] {
        width: 10rem;
        height: 2rem;
        background-color: var(--bui-muted-background-color);
        background: linear-gradient(to right,
            var(--skeleton-bg) 10%,
            var(--skeleton-bg-wave) 20%,
            var(--skeleton-bg) 30%);
        background-size: 20rem 2rem;
        border-radius: var(--bui-border-radius);
        animation: wave-a10be54f 1.5s infinite ease-out;
}
@keyframes wave-a10be54f {
0% {
        background-position: -10rem 0;
}
100% {
        background-position: 10rem 0;
}
}

#tableLoading[data-v-abcdae96] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255,.8);
}


.cssDialogNotificationVars[data-v-97190426] {
  --dialog-w: var(--dialog-insight-w, 960px);
  --dialog-h: var(--dialog-insight-h, 470px);
  --dialog-bg: var(--dialog-insight-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-insight-corner, 10px);

  --dialog-text-semi-bold: var(--dialog-insight-text-semi-bold, 600);
}
.cssDialogNotificationDarkModeVars[data-v-97190426] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-97190426] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-97190426] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 11px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssFlexLeftRight[data-v-97190426] {
  display: flex;
  flex-direction: row;
}
.cssFlexTopDown[data-v-97190426] {
  display: flex;
  flex-direction: column;
}
.cssSpaceBetween[data-v-97190426] {
  justify-content: space-between;
}
.cssNotificationTitle[data-v-97190426] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDeviceId[data-v-97190426] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssDateTime[data-v-97190426] {
  height: 20px;
}
.cssRowMain[data-v-97190426] {
  height: 300px;
  gap: 20px;
}
.cssNotificationChart[data-v-97190426] {
  width: 400px;
  height: 300px;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: 0px solid black;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 25px;
  --card-chart-canvas-w: calc(100% - 10px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));
  --legend-area-x: 0px;
}
.cssNotificationFields[data-v-97190426] {
  width: 500px;
  height: 100%;
}
.cssInsightField[data-v-97190426] {
  height: 68px;
}
.cssNotificationFieldLabel[data-v-97190426] {
  font-size: 1rem;
  margin-bottom: 5px;
  color: var(--bui-neutral-background-color);
}
.cssBottomRow[data-v-97190426] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}


.cssButton[data-v-039edef2] {
  height: 33px;
}
a[data-v-039edef2]:link, a[data-v-039edef2]:visited, a[data-v-039edef2]:hover, a[data-v-039edef2]:active {
  text-decoration: none;
}
.cssNotificationChart[data-v-039edef2] {
  width: 100%;
  height: 300px;
  border: 1px solid var(--bui-neutral-background-color);

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: 0px solid black;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 0px;
  --card-chart-canvas-w: calc(100% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));
}


.cssDialogConfirmVars[data-v-f17552dd] {
  --dialog-w: var(--dialog-confirm-w, 800px);
  --dialog-h: var(--dialog-confirm-h, 500px);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-f17552dd] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.flex[data-v-f17552dd] {
  display: flex;
  flex-direction: row;
}
.cssModal[data-v-f17552dd] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-f17552dd] {
  display: flex;
  flex-direction: column;
}
.cssFlexLeftRight[data-v-f17552dd] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-f17552dd] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-f17552dd] {
  width: calc(var(--dialog-w) - 40px);
  height: calc(var(--dialog-h) - 110px);

  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.cssBottomRow[data-v-f17552dd] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.inputSelect[data-v-f17552dd]{
    margin-right: 20px;
    width: 210px;
}
.inputGrid[data-v-f17552dd] {
    margin-right: 20px;
}


.cssFullWidth[data-v-3e2d9487] {
  padding: 0;
  width: 100%;
}
.cssToolBar[data-v-3e2d9487] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssToolBarGroup[data-v-3e2d9487] {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.cssActionButtonContainer[data-v-3e2d9487] {
  display: flex;
  gap: 0.5em;
}
.cssColumnMultiSelect[data-v-3e2d9487] {
  color: var(--p-togglebutton-color);
  background: var(--p-togglebutton-background);
  border: 1px solid var(--p-togglebutton-border-color);

  padding: 0.75em 0.25em;
  border-radius: 0.25em;
  height: 46px;
}
.cssColumnMultiSelect[data-v-3e2d9487]:hover {
  border: 1px solid var(--p-togglebutton-border-color);
  background: var(--p-togglebutton-hover-background);
  color: var(--p-togglebutton-hover-color);
}
.cssColumnMultiSelect[data-v-3e2d9487] .p-multiselect-dropdown-icon {
  font-size: 1.25em;
}
.cssColumnMultiSelect[data-v-3e2d9487] .bui-icon {
  font-size: 1.25em;
  border-radius: 0;
}
.cssColumnMultiSelect[data-v-3e2d9487] .p-multiselect-label-container {
  display: none;
}
.all-width[data-v-3e2d9487] {
  padding: 0px;
  width: 100%;
}
.align-right[data-v-3e2d9487] {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
a[data-v-3e2d9487]:link, a[data-v-3e2d9487]:visited, a[data-v-3e2d9487]:hover, a[data-v-3e2d9487]:active {
  text-decoration: none;
}
.cssButton[data-v-3e2d9487] {
  height: 33px;
}

/* Portions of this code may have been modified by generative ai. */
.cssDialogMsg[data-v-3e2d9487] {
  font-size: 18pt;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.cssDialogMainText[data-v-3e2d9487] {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.cssDialogWarning[data-v-3e2d9487] {
  padding-top: 0.5em;
  font-size: 14pt;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.cssProduct[data-v-3e2d9487] {
  font-style: italic;
  font-weight: 600;
  word-break: break-word;
}
.cssProfile[data-v-3e2d9487] {
  font-style: italic;
  font-weight: 600;
  word-break: break-word;
  display: inline-block;
  max-width: 100%;
}

.jse-theme-dark[data-v-cf4634b4] {
  /* over all fonts, sizes, and colors */
  --jse-theme-color: #2f6dd0;
  --jse-theme-color-highlight: #467cd2;
  --jse-background-color: #1e1e1e;
  --jse-text-color: #d4d4d4;

  /* main, menu, modal */
  --jse-main-border: 1px solid #4f4f4f;
  --jse-menu-color: #fff;
  --jse-modal-background: #2f2f2f;
  --jse-modal-overlay-background: rgba(0, 0, 0, 0.5);
  --jse-modal-code-background: #2f2f2f;

  /* tooltip in text mode */
  --jse-tooltip-color: var(--jse-text-color);
  --jse-tooltip-background: #4b4b4b;
  --jse-tooltip-border: 1px solid #737373;
  --jse-tooltip-action-button-color: inherit;
  --jse-tooltip-action-button-background: #737373;

  /* panels: navigation bar, gutter, search box */
  --jse-panel-background: #333333;
  --jse-panel-background-border: 1px solid #464646;
  --jse-panel-color: var(--jse-text-color);
  --jse-panel-color-readonly: #737373;
  --jse-panel-border: 1px solid #3c3c3c;
  --jse-panel-button-color-highlight: #e5e5e5;
  --jse-panel-button-background-highlight: #464646;

  /* navigation-bar */
  --jse-navigation-bar-background: #656565;
  --jse-navigation-bar-background-highlight: #7e7e7e;
  --jse-navigation-bar-dropdown-color: var(--jse-text-color);

  /* context menu */
  --jse-context-menu-background: #4b4b4b;
  --jse-context-menu-background-highlight: #595959;
  --jse-context-menu-separator-color: #595959;
  --jse-context-menu-color: var(--jse-text-color);
  --jse-context-menu-button-background: #737373;
  --jse-context-menu-button-background-highlight: #818181;
  --jse-context-menu-button-color: var(--jse-context-menu-color);

  /* contents: json key and values */
  --jse-key-color: #9cdcfe;
  --jse-value-color: var(--jse-text-color);
  --jse-value-color-number: #b5cea8;
  --jse-value-color-boolean: #569cd6;
  --jse-value-color-null: #569cd6;
  --jse-value-color-string: #ce9178;
  --jse-value-color-url: #ce9178;
  --jse-delimiter-color: #949494;
  --jse-edit-outline: 2px solid var(--jse-text-color);

  /* contents: selected or hovered */
  --jse-selection-background-color: #464646;
  --jse-selection-background-light-color: #333333;
  --jse-hover-background-color: #343434;

  /* contents: section of collapsed items in an array */
  --jse-collapsed-items-background-color: #333333;
  --jse-collapsed-items-selected-background-color: #565656;
  --jse-collapsed-items-link-color: #b2b2b2;
  --jse-collapsed-items-link-color-highlight: #ec8477;

  /* contents: highlighting of search results */
  --jse-search-match-color: #724c27;
  --jse-search-match-outline: 1px solid #966535;
  --jse-search-match-active-color: #9f6c39;
  --jse-search-match-active-outline: 1px solid #bb7f43;

  /* contents: inline tags inside the JSON document */
  --jse-tag-background: #444444;
  --jse-tag-color: #bdbdbd;

  /* controls in modals: inputs, buttons, and `a` */
  --jse-input-background: #3d3d3d;
  --jse-input-border: var(--jse-main-border);
  --jse-button-background: #808080;
  --jse-button-background-highlight: #7a7a7a;
  --jse-button-color: #e0e0e0;
  --jse-a-color: #55abff;
  --jse-a-color-highlight: #4387c9;

  /* svelte-select */
  --background: #3d3d3d;
  --border: 1px solid #4f4f4f;
  --listBackground: #3d3d3d;
  --itemHoverBG: #505050;
  --multiItemBG: #5b5b5b;
  --inputColor: #d4d4d4;
  --multiClearBG: #8a8a8a;
  --listShadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);

  /* color picker */
  --jse-color-picker-background: #656565;
  --jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px;
}
.cssVars[data-v-cf4634b4] {
  --bui-json-editor-container-width: var(--bui-json-editor-width, 600px);
  --jse-font-size-mono: var(--bui-json-editor-font-size, 16px);
  --jse-line-height: var(--bui-json-editor-line-height, calc(1em + 6px));
}
.cssJsonEditorContainer[data-v-cf4634b4] {
  width: var(--bui-json-editor-container-width);
}


.cssVars[data-v-9c73a9e0] {
  --profile-header-height: 136px;
  --property-width: 380px;
  --font-weight-semi-bold: 600;

  --bui-json-container-width: 800px;
  --bui-json-name-width: 340px;

  --bui-json-level-0-odd-color: #f2f2f2;
  --bui-json-level-0-hover-color: #e6e6e6;
  --bui-json-level-1-odd-color: #f2f2f2;
  --bui-json-level-1-hover-color: #e6e6e6;
  --bui-json-level-2-odd-color: #f2f2f2;
  --bui-json-level-2-hover-color: #e6e6e6;
  --bui-json-level-3-odd-color: #f2f2f2;
  --bui-json-level-3-hover-color: #e6e6e6;
  --bui-json-level-4-odd-color: #f2f2f2;
  --bui-json-level-4-hover-color: #e6e6e6;
  --bui-json-level-5-odd-color: #f2f2f2;
  --bui-json-level-5-hover-color: #e6e6e6;
}
.cssDetail[data-v-9c73a9e0] {
  margin-top: 20px;
  font-size: 18pt;
  font-weight: var(--font-weight-semi-bold);
}
.cssButtonRow[data-v-9c73a9e0] {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px;
}
.cssContainer[data-v-9c73a9e0] {
  margin-left: 100px;
  padding: 10px 0px;
}
.cssRow[data-v-9c73a9e0] {
  margin-top: 20px;
  margin-bottom: 20px;
  width: var(--property-width);
}
.cssPropertyLabel[data-v-9c73a9e0] {
  display: block;
  width: 170px;
  margin-bottom: 10px;
  font-weight: var(--font-weight-semi-bold);
}
.cssPropertyValue[data-v-9c73a9e0] {
  display: block;
  width: var(--property-width);
}
.cssReadOnly[data-v-9c73a9e0] {
  padding-left: 40px;
  border-bottom: 2px solid #DDD;
}
.cssNullValue[data-v-9c73a9e0] {
  font-family: 'Fira Code Local', monospace;
  color: #CCC;
}
.cssButtonsFlexContainer[data-v-9c73a9e0] {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
.cssTextbox[data-v-9c73a9e0] {
  display: block;
  width: var(--property-width);
}
.cssMessage[data-v-9c73a9e0] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 600px;
}
.cssActionIcon[data-v-9c73a9e0] {
  width: 24px;
  height: 24px;
}
.cssActionMessage[data-v-9c73a9e0] {
  font-size: inherit;
}
a[data-v-9c73a9e0]:link, a[data-v-9c73a9e0]:visited, a[data-v-9c73a9e0]:hover, a[data-v-9c73a9e0]:active {
  text-decoration: none;
}
.cssScrollContainer[data-v-9c73a9e0] {
  /* appbar 32px, padding-top 8px, padding-bottom 8px, footer 40px */
  height: calc(100vh - 32px - 8px - var(--profile-header-height) - 8px - 40px);
  width: 100%;

  /* hide horizontal scroll bar */
  overflow-x: hidden;

  overflow-y: auto;
}

.vue-grid-item{transition:all .2s ease;transition-property:left,top,right}.vue-grid-item.no-touch{-ms-touch-action:none;touch-action:none}.vue-grid-item.cssTransforms{transition-property:transform;left:0;right:auto}.vue-grid-item.cssTransforms.render-rtl{left:auto;right:0}.vue-grid-item.resizing{opacity:.6;z-index:3}.vue-grid-item.vue-draggable-dragging{transition:none;z-index:3}.vue-grid-item.vue-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.vue-grid-item>.vue-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}.vue-grid-item>.vue-rtl-resizable-handle{bottom:0;left:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuMDAwMDAwMDAwMDAwMDAyIiBoZWlnaHQ9IjEwLjAwMDAwMDAwMDAwMDAwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB5PSItMSIgeD0iLTEiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgaWQ9ImNhbnZhc0dyaWQiPgogICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWRwYXR0ZXJuKSIgc3Ryb2tlLXdpZHRoPSIwIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIi8+CiAgPC9nPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxsaW5lIGNhbnZhcz0iI2ZmZmZmZiIgY2FudmFzLW9wYWNpdHk9IjEiIHN0cm9rZS1saW5lY2FwPSJ1bmRlZmluZWQiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiBpZD0ic3ZnXzEiIHkyPSItNzAuMTc4NDA3IiB4Mj0iMTI0LjQ2NDE3NSIgeTE9Ii0zOC4zOTI3MzciIHgxPSIxNDQuODIxMjg5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIi8+CiAgPGxpbmUgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z181IiB5Mj0iOS4xMDY5NTciIHgyPSIwLjk0NzI0NyIgeTE9Ii0wLjAxODEyOCIgeDE9IjAuOTQ3MjQ3IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz4KICA8bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z183IiB5Mj0iOSIgeDI9IjEwLjA3MzUyOSIgeTE9IjkiIHgxPSItMC42NTU2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM2NjY2NjYiIGZpbGw9Im5vbmUiLz4KIDwvZz4KPC9zdmc+);background-position:bottom left;padding-left:3px;background-repeat:no-repeat;background-origin:content-box;cursor:sw-resize;right:auto}.vue-grid-item.disable-userselect{user-select:none}.vue-grid-layout{position:relative;transition:height .2s ease}

.cssVars[data-v-88f9b1b0] {
  --table-padding: var(--platform-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--platform-table-key-width, 45%);
}
.cssContainer[data-v-88f9b1b0] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-88f9b1b0] {
  width: calc(100% - 2em);
  padding: var(--table-padding);
}
.cssRowKey[data-v-88f9b1b0] {
  width: var(--table-key-width);
  min-width: 100px;
}
.cssFirmware[data-v-88f9b1b0]{
    word-wrap: break-word;
    max-width: 100px;
}

.cssVars[data-v-be34220c] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
}
.cssContainer[data-v-be34220c] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-be34220c] {
  width: 100%;
  padding: var(--table-padding);
  padding-bottom: 0em;
}
.cssRowKey[data-v-be34220c] {
  width: var(--table-key-width);
}
.cssOfflineRow[data-v-be34220c] {
  color: var(--bui-muted-foreground-color);
  opacity: 0.45;
}
.cssOfflineRow td[data-v-be34220c] {
  color: var(--bui-muted-foreground-color);
}

.cssContainer[data-v-1134269d] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssVars[data-v-1134269d] {
  --gradient-bg: var(
    --bui-gradient-bar-bg,
    var(--bui-neutral-background-color)
  );
  --gradient-fg: var(--bui-gradient-bar-fg, var(--gradient-default-fg));
  --gradient-default-fg: linear-gradient(
    90deg,
    rgb(104, 224, 44) 10%,
    rgb(52, 155, 29) 35%,
    rgb(247, 163, 46) 63%,
    rgb(255, 0, 4) 90%
  );
}
.cssGradientFg[data-v-1134269d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-fg);
}
.cssGradientBg[data-v-1134269d] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: var(--gradient-bg);
  transition: width 1s ease-out;
}

.cssVars[data-v-fef07bd5] {
  --table-padding: var(--av-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--av-table-key-width, 45%);
}
.cssContainer[data-v-fef07bd5] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-fef07bd5] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-fef07bd5] {
  width: var(--table-key-width);
}
.cssGradientBar[data-v-fef07bd5] {
  --bui-gradient-bar-fg: rgb(0, 123, 140);
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bar-height: 1.3em;
  width: 100%;
  height: var(--bar-height);
}
.cssGradientValue[data-v-fef07bd5] {
  position: absolute;
  left: 10px;
  line-height: var(--bar-height);
  color: white;
}

.bui-tab-container {
        outline: none;
        padding: 0;
        margin: 0;
}

.bui-tabs {
        position: relative;
        border: none;
}
.bui-tab-slider {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        background-color: var(--bui-static-background-color);
        border: none;
        z-index: 0;
        transition: all 0.15s ease-out;
}
.bui-tab-slider.bui-tab-underline {
        background-color: transparent;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 3px solid var(--bui-static-background-color);
}
.bui-tab-header {
        display: flex;
        position: relative;
        list-style: none;
        user-select: none;
        padding: 0;
        margin: 0;
        margin-bottom: 0.25em;
        column-gap: 0.5em;
}
.bui-tab-header-outline {
        border: var(--bui-border-style) var(--bui-neurtral-color);
}
.bui-tab {
        display: flex;
        position: relative;
        flex-direction: row;
        background-color: transparent;
        border: var(--bui-border-style) transparent;
        align-items: center;
        justify-content: center;
        column-gap: 0.25em;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        outline: none;
}
.bui-tab-vertical {
        flex-direction: column;
}
.bui-tab:hover:not(.bui-tab-active) {
        background-color: var(--bui-muted-background-color);
}
.bui-tab:focus {
        box-shadow: var(--bui-static-focus-shadow);
}
.bui-tab-active:not(.bui-tab-underline) {
        color: var(--bui-active-foreground-color);
        transition-delay: 0.15s;
        transition: color 0.15s ease-in;
}
.bui-tab-active.bui-tab:not(.bui-tab-underline) {
        color: var(--bui-active-foreground-color);
}
.bui-tab-container {    
        border: var(--bui-border-style) transparent;
}
.bui-tab-icon {
        color: inherit;
}

.bui-spinner {
        display: flex;
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        padding: 0;
        fill: currentColor;
        color: var(--bui-icon-color, currentColor);
}
.lds-ring {
      display: inline-block;
      position: relative;
      width: 80px;
      height: 80px;
}
.lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid var(--bui-static-background-color);
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: var(--bui-static-background-color) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
      animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
      animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
      animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(360deg);
}
}

.bui-realtime-line-graph[data-v-7bc2ebe5] {
        width: 100%;
        height: 100%;
}


.cssVars[data-v-1ca5ba57] {
  --overlay-y: var(--chart-legend-height, 2rem);
  --opacity-percent: var(--chart-mask-opacity-percent, 50%);
  --mask-bg: color-mix(
    in srgb,
    var(--bui-neutral-background-color) var(--opacity-percent),
    transparent
  );
}
.cssOuterBox[data-v-1ca5ba57] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssFull[data-v-1ca5ba57] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cssToDivCenter[data-v-1ca5ba57] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cssOptionBox[data-v-1ca5ba57] {
  border-radius: var(--border-radius);
  background-color: var(--mask-bg);
}
.cssSemiFullHover[data-v-1ca5ba57] {
  position: absolute;
  left: 0;
  top: var(--overlay-y);
  width: 100%;
  height: calc(100% - var(--overlay-y));
}
.cssMiniHover[data-v-1ca5ba57] {
  position: absolute;
  right: 0;
  top: 0;
}
.cssHoverDetect[data-v-1ca5ba57] {
  opacity: 0;
}
.cssHoverDetect[data-v-1ca5ba57]:hover {
  opacity: 1;
}
.cssIconBoxWithLegend[data-v-1ca5ba57] {
  position: absolute;
  right: 0;
  top: calc(0px - var(--overlay-y));
  padding: 0.5rem 0.25rem;
  gap: 0.5rem;
}
.cssIconBoxNoLegend[data-v-1ca5ba57] {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5rem 0.25rem;
  gap: 0.5rem;
}
.cssErrorBox[data-v-1ca5ba57] {
  position: absolute;
  left: 15%;
  top: 30%;
  width: 70%;
  height: 40%;
  border-radius: var(--border-radius);
  background-color: color-mix(
    in srgb,
    var(--bui-static-background-color) 90%,
    transparent
  );
}
.cssError[data-v-1ca5ba57] {
  font-size: 1.5rem;
  color: var(--bui-static-foreground-color);
}

.cssVars {
  --chart-legend-height: 2rem;
  --chart-mask-opacity-percent: 60%;
}

.cssOptionBox[data-v-58c916b7] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cssFieldSetBox[data-v-58c916b7] {
  display: flex;
  gap: 1rem;
}
.cssGroup[data-v-58c916b7] {
  border-radius: 0.5rem;
  border: 2px var(--bui-base-foreground-color) solid;
}
.cssInputBox[data-v-58c916b7] {
  display: flex;
  gap: 0.5rem;

  margin-top: 0.5rem;
}
.cssButtonX[data-v-58c916b7] {
  width: 6rem;
}
.cssInputButton[data-v-58c916b7] {
  width: 5rem;
}
.cssExitButton[data-v-58c916b7] {
  width: 6rem;
  margin-left: 1rem;
}
.cssIcon[data-v-58c916b7] {
  padding: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
}
.cssIcon[data-v-58c916b7]:hover {
  cursor: pointer;
}

.cssTabContainer[data-v-718d504c] {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.bui-header-cell-sm[data-v-718d504c] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssNotLoaded[data-v-718d504c] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssDialogContent[data-v-718d504c] {
  width: 100%;
  padding: 0 1em 1em 1em;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2em;
}
.systemGraph[data-v-718d504c] {
    width: 49%;
    height: 280px;
}
.pmicDataCol[data-v-718d504c] {
    width: calc(33% - 2em);
    height: 280px;
    display: inline-block;
    margin-left: 1em;
}
.pmicTable[data-v-718d504c] {
    width: 90%;
}
.pmicTable2[data-v-718d504c] {
    width: 60%;
}
.sensorTable[data-v-718d504c] {
    width: 100%;
    display: inline-block;
    padding-left: 1em;
}
.cssChartTitle[data-v-718d504c] {
  font-size: 1.1em;
  font-weight: bold;
  display: flex;
  padding-left: 2em;
  justify-content: space-between;
  width: 100%;
}
.cssCardChart[data-v-718d504c] {
    height: 100%;
    width: 100%;
}

.cssChartBlock[data-v-d8dc3d12] {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 0.5rem;
}
.cssTeleportTarget[data-v-d8dc3d12] {
  width: 100%;
  height: 100%;
}
.cssChartContainer[data-v-d8dc3d12] {
  flex: 1 1 auto;
  height: 100%;
  min-width: 0; /* Important for flex child to shrink */
}
.cssChartLegend[data-v-d8dc3d12] {
  flex: 0 0 200px; /* Fixed width for legend */
  height: 100%;
  overflow-y: auto;
  padding-right: 1em;
}
.cssLegendBlock[data-v-d8dc3d12] {
  cursor: pointer;
  padding: 0.25rem;
  width: 100%;

  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.cssLegendIcon[data-v-d8dc3d12] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.cssLegend[data-v-d8dc3d12] {
  display: inline-block;
  width: 2rem;
  height: 1rem;
}
.cssLegendText[data-v-d8dc3d12] {
  display: inline-block;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cssCardChart[data-v-d8dc3d12] {
  height: 100%;
  width: 100%;
}

.cssDialogConfirmVars[data-v-b341b6ac] {
  --dialog-w: var(--dialog-confirm-w, 70%);
  --dialog-h: var(--dialog-confirm-h, 90%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-b341b6ac] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-b341b6ac] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-b341b6ac] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssContainer[data-v-b341b6ac] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssContainer[data-v-b341b6ac] .cssCardHeader {
  height: 3rem;
}
.cssContentContainer[data-v-b341b6ac] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cssTabRow[data-v-b341b6ac] {
  flex: 0 1 auto;
}
.cssTabContent[data-v-b341b6ac] {
  width: 100%;
  overflow: auto;
  flex: 1 1 auto;
  /* Ensure relative positioning for child absolute content if needed */
  position: relative;
}
.cssTabContent[data-v-b341b6ac] .bui-tab-container {
  height: 100%;
}
.cssSystemTabs[data-v-b341b6ac] .bui-tab-label {
  font-weight: bold;
}

.cssVars[data-v-948a0299] {
  --content-padding: var(--system-content-padding, 0em 1em 1em 1em);

  --gradient-bar-height: 1.3em;
}
.cssContainer[data-v-948a0299] {
  width: 100%;
  height: 100%;
}
.cssContentContainer[data-v-948a0299] {
    width: 100%;
    padding: var(--content-padding);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0em 1em 1em 1em;
}
.cssCpuMainBarTextContainer[data-v-948a0299] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.cssPopOutValue[data-v-948a0299] {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 0.2em;
}
.cssCpuMainBar[data-v-948a0299] {
  --bui-gradient-bar-fg: rgb(80, 203, 20);
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  width: 100%;
  height: var(--gradient-bar-height);
  margin-bottom: 4px;
}
.cssCpuBar[data-v-948a0299] {
  --bui-gradient-bar-fg: linear-gradient(
    90deg,
    rgb(0, 91, 137) 65%,
    rgb(254, 228, 0) 75%,
    rgb(255, 0, 0) 100%
  );
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  width: 100%;
  height: 0.5em;
  margin-bottom: 4px;
}
.cssPowerBar[data-v-948a0299] {
  --bui-gradient-bar-fg: linear-gradient(
    90deg,
    rgb(0, 91, 137) 65%,
    rgb(254, 228, 0) 75%,
    rgb(255, 0, 0) 100%
  );
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  width: 100%;
  height: 0.5em;
  margin-top: 4px;
}
.cssSeparator[data-v-948a0299] {
  height: 0.5em;
  border-color: rgb(240, 240, 240);
  border-width: 2px;
  margin: 0.5em 0em 1em 0em;
}
.cssBar[data-v-948a0299] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: linear-gradient(
    90deg,
    rgb(80, 203, 20) 10%,
    rgb(52, 155, 29) 35%,
    rgb(247, 163, 46) 63%,
    rgb(255, 0, 4) 90%
  );
  width: 100%;
  height: var(--gradient-bar-height);
}

.cssBphyDemodFrame[data-v-57f57174] {
  padding: 0.25em 0.5em;
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
}
.cssDemodHeader[data-v-57f57174] {
  cursor: pointer;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: color-mix(
    in srgb,
    var(--bui-muted-background-color) 40%,
    transparent
  );
}
.cssDemodHeader[data-v-57f57174]:hover {
  background-color: color-mix(
    in srgb,
    var(--bui-muted-background-color) 100%,
    transparent
  );
}
.cssDemodHeaderLeft[data-v-57f57174] {
  display: flex;
  align-items: center;
}
.cssDemodTitle[data-v-57f57174] {
  display: inline-block;
  height: 1.5em;
  line-height: 1.5em;
  font-weight: bolder;
  margin-left: 0.5em;
}
.cssDemodBlock[data-v-57f57174] {
  margin: 0.25em 0 0.25em 1em;
}
.cssDemodField[data-v-57f57174] {
  font-size: 0.75em;
}
.cssDemodValue[data-v-57f57174] {
  font-size: 1em;
  font-weight: bolder;
  text-align: right;
}
.cssDemodBox[data-v-57f57174] {
  flex: 1 1 auto;
  overflow: auto;
}

.cssBphyCardFrame[data-v-89d7ac69] {
  position: relative;
  width: 100%;
  height: 100%;

  border: var(--bui-border-style) var(--bui-neutral-background-color);
  border-radius: var(--bui-border-radius);
  padding: 0.5em;

  display: flex;
  flex-direction: column;
  gap: 0;
}
.cssBphyCardTitle[data-v-89d7ac69] {
  font-weight: 700;
  flex: none;
}
.cssBphyCardContent[data-v-89d7ac69] {
  padding: 0;
  overflow: auto;
  flex: 1 1 auto;
}

.cssCardTable[data-v-65001a86] {
  --label-space-width: var(--table-row-label-space-width, 60%);

  width: 100%;
  border-collapse: collapse;
}
.cssCardTable tr[data-v-65001a86] {
  border-bottom: var(--bui-border-style) var(--bui-neutral-background-color);
  height: 1.5em;
}
.cssCardTable tr td[data-v-65001a86]:first-child {
  width: var(--label-space-width);
}
.cssBold[data-v-65001a86] {
  font-weight: bold;
}
.cssIcon[data-v-65001a86] {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: text-top;
}
.cssLabel[data-v-65001a86] {
  margin-left: 0.5em;
}
.cssLabelNoIcon[data-v-65001a86] {
  margin-left: 1.75em;
}

.cssVars[data-v-4b6820e4] {
  --table-row-label-space-width: 10em;
}

.cssVars[data-v-eea14137] {
  --table-row-label-space-width: 12em;
}

.cssVars[data-v-58276dfc] {
  --table-row-label-space-width: 11em;
}

.cssChartVars[data-v-e4be632f] {
  --canvas-x: var(--chart-canvas-x, 0px);
  --canvas-y: var(--chart-canvas-y, 0px);
  --canvas-w: var(--chart-canvas-w, 100%);
  --canvas-h: var(--chart-canvas-h, 100%);
}
.cssChartContainer[data-v-e4be632f] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssChartCanvas[data-v-e4be632f] {
  position: absolute;
  top: var(--canvas-x);
  left: var(--canvas-y);
  width: var(--canvas-w);
  height: var(--canvas-h);
}

.cssConstellationChart[data-v-d6355275] {
  --IQ-size: 1rem;

  width: 100%;
  height: 100%;
}
.cssUseWidth[data-v-d6355275] {
  width: 100%;
  height: unset;
  margin: auto 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.cssUseHeight[data-v-d6355275] {
  width: unset;
  height: 100%;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.cssQ[data-v-d6355275] {
  position: absolute;
  top: calc(50% + 0.25rem);
  right: 0;
  width: var(--IQ-size);
  height: var(--IQ-size);
  font-size: var(--IQ-size);
  color: var(--bui-neutral-background-color);
}
.cssI[data-v-d6355275] {
  position: absolute;
  left: calc(50% + 0.5rem);
  bottom: 0;
  width: var(--IQ-size);
  height: var(--IQ-size);
  font-size: var(--IQ-size);
  color: var(--bui-neutral-background-color);
}

.cssEqualizerFftChart[data-v-3f054c1e] {
  width: 100%;
  height: 100%;
}

.cssFull[data-v-4744b6c4] {
  width: 100%;
  height: 100%;
}
.cssNotLoaded[data-v-4744b6c4] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cssNoData[data-v-4744b6c4] {
  width: 100%;
  margin-top: 2em;

  text-align: center;
  font-size: 1.5em;
}
.cssBphyPageDemodContainer[data-v-4744b6c4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100em, 1fr));

  width: 100%;
}
.cssDemodContent[data-v-4744b6c4] {
  padding: 0.25em 0.5em 0.5em 0.5em;

  display: flex;
  gap: 1em;
  align-items: stretch;
}
.cssDemodCard[data-v-4744b6c4] {
  width: 22em;
  height: 16em;
}

.cssPowerSnrChart[data-v-0a10e85f] {
  width: 100%;
  height: 100%;
}

.cssBphyTabSnrContainer[data-v-249a5d58] {
  width: 100%;
  height: 100%;

  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
@media (max-width: 113em) {
.cssSnrBox[data-v-249a5d58] {
    width: 100%;
}
}
@media (min-width: 113em) {
.cssSnrBox[data-v-249a5d58] {
    width: 50%;
}
}
.cssSnrBox[data-v-249a5d58] {
  height: 25%;
  min-height: 12em;
}

.cssBphyCardFrame[data-v-34f2710f] {
  position: relative;
  width: 100%;
  height: 100%;

  border: var(--bui-border-style) var(--bui-neutral-background-color);
  border-radius: var(--bui-border-radius);
  padding: 0.5em;

  display: flex;
  flex-direction: column;
  gap: 0;
}
.cssBphyCardHead[data-v-34f2710f] {
  position: relative;
  flex: none;
}
.cssBphyCardTitle[data-v-34f2710f] {
  font-size: 1.25rem;
  font-weight: 500;
  padding: var(--title-padding);
}
.cssBphyCardContent[data-v-34f2710f] {
  width: 100%;
  height: 100%;

  padding: var(--content-padding);
  overflow: auto;
  flex: 0 1 auto;
}
.cssCardBody[data-v-34f2710f] {
  width: 100%;
  height: 100%;
  padding-top: 1rem;

  display: flex;
}
.cssChart[data-v-34f2710f] {
  flex: 1 1 auto;
  height: 100%;

  display: flex;
  flex-direction: column;
}
.cssController[data-v-34f2710f] {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;

  display: flex;
  justify-content: center;
  gap: 1rem;
}
.cssChartBlock[data-v-34f2710f] {
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
  margin: 0.5em 0;
}
.cssInfo[data-v-34f2710f] {
  flex: none;
  width: 100%;

  display: flex;
  justify-content: space-between;
}
.cssInfoBlock[data-v-34f2710f] {
}
.cssStatus[data-v-34f2710f] {
  font-weight: bold;
  font-size: 1rem;
  margin-left: 1.25rem;
}
.cssStatusIcon[data-v-34f2710f] {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 0.25rem;
}
.cssStatusNoIcon[data-v-34f2710f] {
  display: none;
}
.cssStatusWithIcon[data-v-34f2710f] {
  display: inline-block;
  font-weight: bold;
  font-size: 1rem;
}
.cssButton[data-v-34f2710f] {
  --bui-padding-top-bottom: 0.5rem;
  --bui-padding-left-right: 0.5rem;

  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

.cssBphyTabConstellationContainer[data-v-aaa33e68] {
  width: 100%;
  height: 100%;

  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  gap: 1em;
}
.cssBphyPageConstellationChart[data-v-aaa33e68] {
  width: calc((100% - 3em) / 4);
  min-width: 12em;

  height: calc((100% - 1em) / 2);
  min-height: 12em;
}

.cssEqualizerChart[data-v-f8bfb0a9] {
  width: 100%;
  height: 100%;
}

.cssBphyTabEqualizerContainer[data-v-fcfa9e3a] {
  width: 100%;
  height: 100%;

  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
@media (max-width: 113em) {
.cssEqualizerBox[data-v-fcfa9e3a] {
    width: 100%;
}
}
@media (min-width: 113em) {
.cssEqualizerBox[data-v-fcfa9e3a] {
    width: 50%;
}
}
.cssEqualizerBox[data-v-fcfa9e3a] {
  height: 25%;
  min-height: 12em;
}
.cssEqualizerContent[data-v-fcfa9e3a] {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: row;
  gap: 2em;
}
.cssEqualizer[data-v-fcfa9e3a] {
  width: 100%;
  height: 100%;
}

.cssTab[data-v-83d74c12] {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
}
.cssControl[data-v-83d74c12] {
  width: 100%;
  height: 10rem;

  flex: 0 1 auto;

  display: flex;
  justify-content: center;
}
.cssFreqControl[data-v-83d74c12] {
  width: 15rem;
  padding-right: 2rem;
}
.cssField[data-v-83d74c12] {
  height: 5rem;
}
.cssLabel[data-v-83d74c12] {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: var(--bui-neutral-background-color);
}
.cssTextBox[data-v-83d74c12] {
  width: 100%;
}
.cssButtonApply[data-v-83d74c12] {
  width: 100%;
  height: 2rem;

  margin-top: 1.5rem;
}
.cssButtonApply[data-v-83d74c12] .bui-button-container {
  left: 40%;
}
.cssSwitchBlock[data-v-83d74c12] {
  border-left: 2px solid #aaa;
  padding-left: 2rem;
  width: 12rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cssSwitch[data-v-83d74c12] {
  height: 2.5rem;
  font-size: 1.25rem;
}
.cssButtonBlock[data-v-83d74c12] {
  width: 10rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cssButton[data-v-83d74c12] {
  width: 5rem;
  margin: 0.5rem 0;
}
.cssChartBlock[data-v-83d74c12] {
  flex: 1 1 auto;
  width: 100%;
}
.cssChart[data-v-83d74c12] {
  width: 100%;
  height: 100%;
}

.cssCardTable[data-v-1a132b8f] {
  margin-top: 1em;
  width: 100%;
  border-collapse: collapse;
}
.cssCardTable tr[data-v-1a132b8f] {
  border-bottom: var(--bui-border-style) var(--bui-neutral-background-color);
  height: 2em;
}
.cssCardTable th[data-v-1a132b8f] {
  text-align: center;
}
.cssCardTable td[data-v-1a132b8f] {
  text-align: center;
}
.cssDemod[data-v-1a132b8f] {
  width: 5em;
  text-warp: wrap;
}
.cssSlot[data-v-1a132b8f] {
  width: 3em;
}
.cssSlotFreq[data-v-1a132b8f] {
  width: 6em;
}
.cssSatFreq[data-v-1a132b8f] {
  width: 6em;
}
.cssNetworkId[data-v-1a132b8f] {
  width: 5em;
}
.cssSatellite[data-v-1a132b8f] {
  width: 7em;
}
.cssTpn[data-v-1a132b8f] {
  width: 3em;
}
.cssDemodLock[data-v-1a132b8f] {
  width: 5em;
}
.cssLink[data-v-1a132b8f] {
  width: 4em;
}
.cssInlineIcon[data-v-1a132b8f] {
  display: inline-block;
}

.cssBphyCardContainer[data-v-69f69cf1] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-evenly;

  width: 100%;
  height: 100%;
}
.cssBphyCard[data-v-69f69cf1] {
  width: 45rem;
  height: 100%;
  min-width: 37.5rem;
  min-height: 21.5rem;
}

.cssBphyCardContainer[data-v-6a6e4dc8] {
  width: 100%;
  height: 100%;

  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  gap: 1em;
}
.cssBphyCard[data-v-6a6e4dc8] {
  width: calc((100% - 3em) / 4);
  min-width: 12em;

  /*
  height: calc((100% - 1em) / 2);
  */
  height: calc((100% - 3em) / 4);
  min-height: 12em;
}

.cssDialogVars[data-v-32e1d0c0] {
  --dialog-w: var(--dialog-bphy-receiver-w, 96%);
  --dialog-h: var(--dialog-bphy-receiver-h, 93%);
  --dialog-bg: var(--dialog-bphy-receiver-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-bphy-receiver-corner, 10px);
  --separate-border-line: 2px solid rgb(200, 200, 200);
}
.cssDialogDarkModeVars[data-v-32e1d0c0] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-32e1d0c0] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-32e1d0c0] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  min-width: 75rem;
  height: var(--dialog-h);
  min-height: 25rem;

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssContainer[data-v-32e1d0c0] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssContainer[data-v-32e1d0c0] .cssCardHeader {
  height: 3rem;
}
.cssContentContainer[data-v-32e1d0c0] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cssTabRow[data-v-32e1d0c0] {
  flex: 0 1 auto;
}
.cssTabContent[data-v-32e1d0c0] {
  width: 100%;
  overflow: scroll;
  flex: 1 1 auto;
}
.cssTabContent[data-v-32e1d0c0] .bui-tab-container {
  height: 100%;
}
.cssBphyTabs[data-v-32e1d0c0] .bui-tab-label {
  font-weight: bold;
}

.cssChartVars[data-v-b1b82987] {
  --canvas-x: var(--chart-canvas-x, 0px);
  --canvas-y: var(--chart-canvas-y, 0px);
  --canvas-w: var(--chart-canvas-w, 100%);
  --canvas-h: var(--chart-canvas-h, 100%);
}
.cssChartContainer[data-v-b1b82987] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssChartCanvas[data-v-b1b82987] {
  position: absolute;
  top: var(--canvas-x);
  left: var(--canvas-y);
  width: var(--canvas-w);
  height: var(--canvas-h);
}

.cssVars[data-v-2634bcdf] {
  --separate-border-line: 2px solid rgb(200, 200, 200);
}
.cssContainer[data-v-2634bcdf] {
  width: 100%;
  height: 100%;
}
.cssWifiFlex[data-v-2634bcdf] {
  display: flex;
  gap: var(--column-gap);
  width: 100%;
  height: 200px;
}
.cssBPhyChipPowerSnr[data-v-2634bcdf] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  width: 100%;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.cssSatelliteInfo[data-v-2634bcdf] {
  padding: 0rem 1rem;
  font-weight: bolder;
  height: 1rem;
}
.cssBPhyChannelInfo[data-v-2634bcdf] {
  width: 100%;
  padding: 0.5rem 1rem 0 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.cssBPhyChannelInfoLeftHalf[data-v-2634bcdf] {
  width: 45%;
}
.cssTable[data-v-2634bcdf] {
  width: 100%;
}
.cssBPhyChannelInfoRightHalf[data-v-2634bcdf] {
  border-left: var(--separate-border-line);
  width: 55%;
  padding-left: 0.5rem;
}
.cssBPhyChannelInfoRightItem[data-v-2634bcdf] {
  padding: 0 0.5rem;
  margin-bottom: 0.25rem;
}
.cssBPhyChannelInfoRightItemLast[data-v-2634bcdf] {
  padding: 0 0.5rem;
}
.cssStatusIcon[data-v-2634bcdf] {
  display: inline-block;
  vertical-align: text-bottom;
}
.cssStatus[data-v-2634bcdf] {
  display: inline-block;
  padding-left: 0.5rem;
  margin-right: 1.5rem;
}
.cssGradientInfo[data-v-2634bcdf] {
  display: flex;
  justify-content: space-between;
}
.cssGradientValue[data-v-2634bcdf] {
  font-weight: bolder;
}
.cssPowerBar[data-v-2634bcdf] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: rgb(152, 6, 6);
  height: 1em;
}
.cssSnrBar[data-v-2634bcdf] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: rgb(0, 92, 138);
  height: 1em;
}
.cssBPhyChannelInfoRightLine[data-v-2634bcdf] {
  width: 100%;
  height: 0;
  border-bottom: var(--separate-border-line);
  margin: 0.5rem 0 0.25rem 0;
}
.cssBPhyConfig[data-v-2634bcdf] {
  padding: 0.5rem 1rem;

  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cssConfigItem[data-v-2634bcdf] {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.cssConfigLabel[data-v-2634bcdf] {
  width: 9rem;
}
.cssPowerUnitSelect[data-v-2634bcdf] {
  width: 8.5rem;
}
.cssExitButton[data-v-2634bcdf] {
  margin-top: 1rem;
  padding: 0.5rem 3rem;
}

.cssChartBlock[data-v-5eaabcba] {
  width: 100%;
  height: 100%;

  display: flex;
  gap: 0.5rem;
}
.cssHistoricalViewChart[data-v-5eaabcba] {
  flex: 1 1 auto;
  height: 100%;
}
.cssChartLegend[data-v-5eaabcba] {
  flex: 0 1 auto;
  height: 100%;
}
.cssLegendBlock[data-v-5eaabcba] {
  cursor: pointer;
  padding: 0.25rem;
  width: 15rem;

  display: flex;
  gap: 0.5rem;
}
.cssLegendIcon[data-v-5eaabcba] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}
.cssLegend[data-v-5eaabcba] {
  display: inline-block;
  width: 2rem;
  height: 1rem;
  vertical-align: middle;
}
.cssLegendText[data-v-5eaabcba] {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}

.cssChart[data-v-8e5783bf] {
  width: 100%;
  height: 100%;
}

.cssChart[data-v-7c185c49] {
  width: 100%;
  height: 100%;
}

.cssChart[data-v-446100bc] {
  width: 100%;
  height: 100%;
}

.cssBphyCardContainer[data-v-453cbb74] {
  display: flex;
  gap: 1rem;
  flex-direction: column;

  width: 100%;
  height: 100%;
}
.cssSelectionContainer[data-v-453cbb74] {
  flex: 0 1 auto;

  display: flex;
  gap: 1rem;
  width: 100%;
  justify-content: center;
}
.cssTransponderField[data-v-453cbb74] {
  flex: 1 1 auto;
}
.cssDataCountField[data-v-453cbb74] {
  width: 25em;
}
.cssFieldLabel[data-v-453cbb74] {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: var(--bui-neutral-background-color);
}
.cssSelectField[data-v-453cbb74] {
}
.cssSelectField[data-v-453cbb74] .bui-input-container {
  max-width: unset;
}
.cssSelectField[data-v-453cbb74] .bui-select-highlight,
.cssDataCountField[data-v-453cbb74] .bui-select-highlight {
  font-weight: bold;
}
.cssCardContainer[data-v-453cbb74] {
  flex: 1 1 auto;
  width: 100%;
  overflow: auto;
}
.cssUpperHalf[data-v-453cbb74] {
  width: 100%;
  height: 90%;
}
.cssUpperHalf[data-v-453cbb74] .cssBphyCardContent {
  padding: unset;
  overflow: hidden;
}
.cssLowerHalf[data-v-453cbb74] {
  width: 100%;
  height: 90%;

  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cssDataDate[data-v-453cbb74] {
  flex: 0 1 auto;
  font-size: 1.25rem;
  padding: 1rem 0 0 1rem;
  font-weight: bolder;
}
.cssChartCardContainer[data-v-453cbb74] {
  flex: 1 1 auto;
  width: 100%;

  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.cssChartCard[data-v-453cbb74] {
  flex: 1 1 auto;
  width: 48%;
  height: 50%;
}
.cssChartCard[data-v-453cbb74] .cssBphyCardContent {
  padding: unset;
  overflow: hidden;
}

.cssChartBlock[data-v-52ec213b] {
  width: 100%;
  height: 100%;

  display: flex;
  gap: 0.5rem;
}
.cssHistoricalViewChart[data-v-52ec213b] {
  flex: 1 1 auto;
  height: 100%;
}
.cssChartLegend[data-v-52ec213b] {
  flex: 0 1 auto;
  height: 100%;
}
.cssLegendBlock[data-v-52ec213b] {
  padding: 0.25rem;
  width: 15rem;
  margin-bottom: 0.5em
}
.cssLegendItem[data-v-52ec213b] {
  cursor: pointer;
  padding: 0.25rem;
  width: 15rem;

  display: flex;
  gap: 0.5rem;
}
.cssLegendIcon[data-v-52ec213b] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}
.cssLegend[data-v-52ec213b] {
  display: inline-block;
  width: 2rem;
  height: 1rem;
  vertical-align: middle;
}
.cssLegendText[data-v-52ec213b] {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}

.cssBphyCardContainer[data-v-73e8a183] {
  display: flex;
  gap: 1rem;
  flex-direction: column;

  width: 100%;
  height: 100%;
}
.cssCenterMiddle[data-v-73e8a183] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cssWarnMessage[data-v-73e8a183] {
  /* to override primevue message component */
  --p-message-content-lg-padding: 1.75rem;
  --p-message-content-gap: 1rem;
  --p-message-border-radius: var(--border-radius, 0.75rem);
  --p-message-text-lg-font-size: 2rem;
  --p-message-icon-lg-size: 2rem;
}
.cssSelectionContainer[data-v-73e8a183] {
  flex: 0 1 auto;

  display: flex;
  gap: 1rem;
  width: 100%;
  justify-content: center;
}
.cssTransponderField[data-v-73e8a183] {
  flex: 1 1 auto;
}
.cssTimeRangeField[data-v-73e8a183] {
}
.cssFieldLabel[data-v-73e8a183] {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: var(--bui-neutral-background-color);
}
.cssCardContainer[data-v-73e8a183] {
  flex: 1 1 auto;
  width: 100%;
  overflow: auto;
}
.cssUpperHalf[data-v-73e8a183] {
  width: 100%;
  height: 100%;
}
.cssPvSelect[data-v-73e8a183] {
  width: 100%;
}

.cssDialogVars[data-v-cbf8f8a2] {
  --dialog-w: var(--dialog-bphy-receiver-w, 96%);
  --dialog-h: var(--dialog-bphy-receiver-h, 93%);
  --dialog-bg: var(--dialog-bphy-receiver-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-bphy-receiver-corner, 10px);
  --separate-border-line: 2px solid rgb(200, 200, 200);
}
.cssDialogDarkModeVars[data-v-cbf8f8a2] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-cbf8f8a2] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-cbf8f8a2] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  min-width: 75rem;
  height: var(--dialog-h);
  min-height: 25rem;

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssContainer[data-v-cbf8f8a2] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssContainer[data-v-cbf8f8a2] .cssCardHeader {
  height: 3rem;
}
.cssContentContainer[data-v-cbf8f8a2] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cssTabRow[data-v-cbf8f8a2] {
  flex: 0 1 auto;
}
.cssTabContent[data-v-cbf8f8a2] {
  width: 100%;
  overflow: scroll;
  flex: 1 1 auto;
}
.cssTabContent[data-v-cbf8f8a2] .bui-tab-container {
  height: 100%;
}
.cssBphyTabs[data-v-cbf8f8a2] .bui-tab-label {
  font-weight: bold;
}

.cssChartAvailability[data-v-ca855a6b] {
  width: 100%;
  height: 100%;
}

.cssChart[data-v-fa11dba9] {
  width: 100%;
  height: 100%;
}

.cssChart[data-v-9405c4d5] {
  width: 100%;
  height: 100%;
}

.cssContainer[data-v-e5336cbd] {
  width: 100%;
  height: 100%;
}
.cssChartContainer[data-v-e5336cbd] {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: space-around;
}
.cssCenterMiddle[data-v-e5336cbd] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cssWarnMessage[data-v-e5336cbd] {
  /* to override primevue message component */
  --p-message-content-lg-padding: 1.75rem;
  --p-message-content-gap: 1rem;
  --p-message-border-radius: var(--border-radius, 0.75rem);
  --p-message-text-lg-font-size: 2rem;
  --p-message-icon-lg-size: 2rem;
}
.cssChart[data-v-e5336cbd] {
  width: 32%;
  height: 100%;
}

.cssDonutContainer[data-v-942397e9] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssDonutVars[data-v-942397e9] {
  --canvas-x: var(--donut-canvas-x, 0px);
  --canvas-y: var(--donut-canvas-y, 0px);
  --canvas-w: var(--donut-canvas-w, 100%);
  --canvas-h: var(--donut-canvas-h, 100%);
}
.cssDonutCanvas[data-v-942397e9] {
  position: absolute;
  top: var(--canvas-x);
  left: var(--canvas-y);
  width: var(--canvas-w);
  height: var(--canvas-h);
}

.cssVars[data-v-42364ae4] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
  --column-gap: 5px;
}
.cssStorageCardContainer[data-v-42364ae4] {
    width: 100%;
    padding: var(--content-padding);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0em 1em 1em 1em;
}
.donutContainer[data-v-42364ae4] {
    height: 100%;
}
.donut[data-v-42364ae4] {
    height: 100%;
    width: 100%;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}
.textOverlay[data-v-42364ae4] {
    text-align: center;
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cssVarsBuiGauge[data-v-42364ae4] {
  --gauge-w: 400px;
  --gauge-h: 400px;

  //--label-w: 200px;
  //--label-h: 100px;
  //--label-x: calc((var(--gauge-w) - var(--label-w)) / 2);
}
.cssBuiGauge[data-v-42364ae4] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  width: 100%;
  height: 100%;
  display: inline-block;
}
.cssContainer[data-v-42364ae4] {
  width: 100%;
  height: 100%;
}
.testGraph2[data-v-42364ae4] {
    width: 100%;
    height: 200px;
}
.cssTable[data-v-42364ae4] {
  width: 100%;
  padding: var(--table-padding);
}
.cssStorageFlex[data-v-42364ae4] {
  display: flex;
  gap: var(--column-gap);
  max-height: 60%;
  overflow: scroll;
}
.cssModelInfo[data-v-42364ae4] {
    padding: 10px;
}
.cssFirmwareInfo[data-v-42364ae4] {
    border-left: 2px solid rgb(200, 200, 200);
    padding: 10px;
}
.cssRowKey[data-v-42364ae4] {
  width: var(--table-key-width);
}

.cssVars[data-v-90e60d08] {
  --content-padding: var(--system-content-padding, 0em 1em 1em 1em);

  --remote-width: 160px;
  --remote-height: 200px;

  --remote-base-color: #414b57;
  --remote-key-bg-color: #949ea8;
  --remote-key-bg-hover-color: #b2b8bd;
  --remote-key-icon-color: #e5e5e5;
}
.cssContainer[data-v-90e60d08] {
  width: 100%;
  height: 100%;
}
.cssContentContainer[data-v-90e60d08] {
  width: 100%;
  padding: var(--content-padding);

  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.cssScreenShotContainer[data-v-90e60d08] {
  width: calc(100% - var(--remote-width));
  height: 100%;
  position: relative;
}
.cssScreenshot[data-v-90e60d08] {
  width: 100%;
  height: auto;
}
.cssScreenshotOverlay[data-v-90e60d08] {
    position: absolute;
    color: white;
    z-index: 10;
    top: calc(50% - 1em);
    left: 0;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.cssRemote[data-v-90e60d08] {
  width: var(--remote-width);
  height: var(--remote-height);
}
.cssRemoteBase[data-v-90e60d08] {
  fill: var(--remote-base-color);
  stroke: #686a6c;
  stroke-width: 2;

  /* remove Chrome default focus outline */
  outline-width: 0;
}
.cssRemoteBase[data-v-90e60d08]:focus {
  stroke: var(--bui-focus-background-color);
  stroke-width: 4;
}
.cssButton[data-v-90e60d08] {
  fill: var(--remote-key-bg-color);
}
.cssButton[data-v-90e60d08]:hover {
  fill: var(--remote-key-bg-hover-color);
  cursor: pointer;
}

/* for javascript to add hover effect when pressing keys */
.cssButtonHover[data-v-90e60d08] {
  fill: var(--remote-key-bg-hover-color);
}
.cssSpacing[data-v-90e60d08] {
  fill: none;
  stroke: var(--remote-base-color);
  stroke-width: 2.11869;
}
.cssSelectButtonSpacing[data-v-90e60d08] {
  fill: var(--remote-base-color);
  stroke: none;
}
.cssSelectButton[data-v-90e60d08] {
  fill: #4f5359;
  fill-opacity: 1;
  stroke: #636568;
  stroke-width: 2.11667;
}
.cssSelectButton[data-v-90e60d08]:hover {
  fill: #5c6066;
  stroke: #7c7e83;
  cursor: pointer;
}

/* for javascript to add hover effect when pressing keys */
.cssSelectButtonHover[data-v-90e60d08] {
  fill: #5c6066;
  stroke: #7c7e83;
}
.cssSettingsLabel[data-v-90e60d08] {
    width: 60px;
}
.cssDirectionIcon[data-v-90e60d08] {
  fill: none;
  stroke: var(--remote-key-icon-color);
  stroke-width: 5;
}
.cssFlatIcon[data-v-90e60d08] {
  fill: var(--remote-key-icon-color);
}

.cssVars[data-v-f5e1b221] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
  --column-gap: 5px;
}
.cssStorageCardContainer[data-v-f5e1b221] {
    padding: 0em 1em 1em 1em;
    height: 100%;
}
.donutContainer[data-v-f5e1b221] {
    height: 100%;
}
.donut[data-v-f5e1b221] {
    height: 100%;
    width: 50%;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}
.textOverlay[data-v-f5e1b221] {
    text-align: center;
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cssVarsBuiGauge[data-v-f5e1b221] {
  --gauge-w: 400px;
  --gauge-h: 400px;

  //--label-w: 200px;
  //--label-h: 100px;
  //--label-x: calc((var(--gauge-w) - var(--label-w)) / 2);
}
.cssBuiGauge[data-v-f5e1b221] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  width: 100%;
  height: 100%;
  display: inline-block;
}
.cssContainer[data-v-f5e1b221] {
  width: 100%;
  height: 100%;
}
.testGraph2[data-v-f5e1b221] {
    width: 100%;
    height: 200px;
}
.cssTable[data-v-f5e1b221] {
  width: 100%;
  padding: var(--table-padding);
}
.cssStorageFlex[data-v-f5e1b221] {
  display: flex;
  gap: var(--column-gap);
}
.cssModelInfo[data-v-f5e1b221] {
    padding: 10px;
}
.cssPowerOnHoursInfo[data-v-f5e1b221] {
    border-left: 2px solid rgb(200, 200, 200);
    padding: 10px;
}
.cssRowKey[data-v-f5e1b221] {
  width: var(--table-key-width);
}

.cssVars[data-v-65cd5983] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
}
.cssContainer[data-v-65cd5983] {
  width: 100%;
  height: 100%;
}
.bui-header-cell-sm[data-v-65cd5983] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTabs[data-v-65cd5983] {
  width: 100%;
  padding-left: 0.5em;
}
.cssProcessName[data-v-65cd5983] {
    width: 65%;
    overflow: hidden;
}
.cssCpu[data-v-65cd5983] {
    width: 10%;
    min-width:50px;
}
.cssMem[data-v-65cd5983] {
    width: 25%;
    min-width:80px;
}
.cssActive[data-v-65cd5983] {
    width: 5%;
}
.cssTable[data-v-65cd5983] {
  width: 100%;
  padding: var(--table-padding);
  table-layout: fixed;
}
.cssTableName[data-v-65cd5983] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cssTableValue[data-v-65cd5983] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 110px;
}
.cssRowKey[data-v-65cd5983] {
  width: var(--table-key-width);
}

.cssBatteryContainer[data-v-8a86a478] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssBatteryVars[data-v-8a86a478] {
  --battery-bg: var(--bui-battery-bg, var(--bui-neutral-background-color));
  --battery-fg: var(--bui-battery-fg, var(--battery-fg-now));

  /* this variable will be updated by javascript code */
  --battery-fg-now: var(--battery-fg-high);

  --battery-fg-high: var(--bui-battery-fg-high, rgb(19, 133, 16));
  --battery-fg-mid: var(--bui-battery-fg-mid, rgb(243, 186, 22));
  --battery-fg-low: var(--bui-battery-fg-low, rgb(131, 0, 0));
}
.cssBatteryBodyBg[data-v-8a86a478] {
  fill: var(--battery-bg);
}
.cssBatteryBodyFg[data-v-8a86a478] {
  fill: var(--battery-fg);
}

.cssVars[data-v-f5354bb7] {
  --column-height: 100px;
  --column-gap: 5px;
  --column-battery-w: 40px;
  --column-status-w: 120px;
  --column-info-w: calc(
    100% - var(--column-battery-w) - var(--column-status-w) - 2 *
      var(--column-gap)
  );
}
.cssContainer[data-v-f5354bb7] {
  width: 100%;
  height: 100%;
}
.cssBtCardContainer[data-v-f5354bb7] {
  padding: 0em 1em 1em 1em;
}
.cssBtName[data-v-f5354bb7] {
  padding-bottom: 0.5em;
}
.cssBtFlex[data-v-f5354bb7] {
  display: flex;
  gap: var(--column-gap);
}
.cssColumnBattery[data-v-f5354bb7] {
  width: var(--column-battery-w);
  height: var(--column-height);
  padding-top: 10px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.cssBattery[data-v-f5354bb7] {
  width: 25px;
  height: 70px;
}
.cssBatteryValue[data-v-f5354bb7] {
  font-size: 1em;
  font-weight: bold;
}
.cssColumnStatus[data-v-f5354bb7] {
  width: var(--column-status-w);
  height: var(--column-height);

  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.cssStatusIcon[data-v-f5354bb7] {
  display: inline;
  font-size: 1.4em;
  vertical-align: top;
}
.cssStatusText[data-v-f5354bb7] {
  font-weight: bolder;
  margin-left: 0.5em;
}
.cssColumnInfo[data-v-f5354bb7] {
  min-width: 150px;
  width: var(--column-info-w);
  height: var(--column-height);

  border-left: 2px solid rgb(200, 200, 200);
  padding-left: 10px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssTypeText[data-v-f5354bb7] {
  font-weight: bolder;
  margin-top: 0.3em;
}
.cssRssiInfo[data-v-f5354bb7] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2em;
}
.cssRssiValue[data-v-f5354bb7] {
  font-weight: bolder;
}
.cssBar[data-v-f5354bb7] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: rgb(0, 92, 138);
  height: 1em;
}
.cssSeparator[data-v-f5354bb7] {
  height: 0.5em;
  border-color: rgb(200, 200, 200);
  border-width: 2px;
  margin: 0.5em 0em 1em 0em;
}

.cssVars[data-v-8ae020af] {
  --table-padding: var(--platform-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--platform-table-key-width, 45%);
}
.bas-bspeed-table th[data-v-8ae020af] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssContainer[data-v-8ae020af] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-8ae020af] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-8ae020af] {
  width: var(--table-key-width);
}

.cssVars[data-v-a7084c97] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
}
.cssContainer[data-v-a7084c97] {
  width: 100%;
  height: 100%;
}
.cssNetworkCardContainer[data-v-a7084c97] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0em 1em 1em 1em;
}
.networkGraphRg[data-v-a7084c97] {
    width: 70%;
    height: 200px;
    display: inline-block;
}
.networkStats[data-v-a7084c97] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    margin: 1em;
}
.networkGraph[data-v-a7084c97] {
    width: 100%;
    height: 200px;
}
.bui-header-cell-sm[data-v-a7084c97] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssNetInfo[data-v-a7084c97] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2em;
}
.cssNetValue[data-v-a7084c97] {
  font-weight: bolder;
  margin-bottom: 0.75em;
}
.cssTable[data-v-a7084c97] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-a7084c97] {
  width: var(--table-key-width);
}

.cssVars[data-v-c466d192] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
  --column-gap: 5px;
}
.cssContainer[data-v-c466d192] {
  width: 100%;
  height: 100%;
}
.cssEventTable[data-v-c466d192] {
    font-size: 13px;
    width: 100%;
    padding: 0em 1em 1em 1em;
}
.cssTimeSelect[data-v-c466d192] {
    width: 170px;
}
.cssEventsSpinner[data-v-c466d192] {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0, 0.03);
}
.cssEventIssueName[data-v-c466d192] {
    max-width: 130px;
    word-break: break-all;
}
.cssEventName[data-v-c466d192] {
    max-width: 130px;
    word-break: break-all;
}
.cssEventRow[data-v-c466d192] {
    border-bottom: 1px solid black;
}
.cssTabs[data-v-c466d192] {
  width: 100%;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}
.cssRowKey[data-v-c466d192] {
  width: var(--table-key-width);
}

.cssVars[data-v-97d1b7e3] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 75%);
}
.cssContainer[data-v-97d1b7e3] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-97d1b7e3] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-97d1b7e3] {
  width: var(--table-key-width);
}

.cssVars[data-v-1e9e56d7] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 75%);
}
.cssContainer[data-v-1e9e56d7] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-1e9e56d7] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-1e9e56d7] {
  width: var(--table-key-width);
}

.cssVars[data-v-c7ceac03] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 75%);
}
.cssContainer[data-v-c7ceac03] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-c7ceac03] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-c7ceac03] {
  width: var(--table-key-width);
}

.cssGaugeContainer[data-v-5bfad1cd] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssGaugeVars[data-v-5bfad1cd] {
  --canvas-x: var(--gauge-canvas-x, 0px);
  --canvas-y: var(--gauge-canvas-y, 0px);
  --canvas-w: var(--gauge-canvas-w, 100%);
  --canvas-h: var(--gauge-canvas-h, 100%);
}
.cssGaugeCanvas[data-v-5bfad1cd] {
        width: 100%;
        height: 100%;
}

.cssTabVars[data-v-d2d08d5b] {
  --bui-gradient-bar-fg: rgb(0, 123, 140);
  --bui-gradient-bar-bg: rgb(226, 227, 228);

  --bar-height: 1rem;
}
.cssTabContainer[data-v-d2d08d5b] {
  margin: 0.5rem;

  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.cssWifiCardContainer[data-v-d2d08d5b] {
  border: var(--bui-border-style) var(--bui-neutral-background-color);
  border-radius: var(--bui-border-radius);
  width: 33rem;
  height: 22rem;
  padding: 0.5rem;

  display: flex;
  flex-direction: column;
}
.cssWifiCardTitle[data-v-d2d08d5b] {
  font-size: 1.25rem;
  line-height: 2rem;
  border-bottom: 1px solid black;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;

  flex: 0 1 auto;
}
.cssInfoTable[data-v-d2d08d5b] {
  border-collapse: collapse;
}
.cssInfoTable > tr[data-v-d2d08d5b]:nth-child(odd),
.cssStationTable > tr[data-v-d2d08d5b]:nth-child(odd) {
  color: var(--bui-base-foreground-color);
  background: var(--bui-base-background-color);
}
.cssInfoTable > tr[data-v-d2d08d5b]:nth-child(even),
.cssStationTable > tr[data-v-d2d08d5b]:nth-child(even) {
  color: var(--bui-muted-foreground-color);
  background: var(--bui-muted-background-color);
}
.cssInfoTable td[data-v-d2d08d5b] {
  padding: 0.25rem;
}
.cssInfoName[data-v-d2d08d5b] {
  width: 15rem;
}
.cssInfoValue[data-v-d2d08d5b] {
  width: 15rem;
}
.cssUtilizationChartContainer[data-v-d2d08d5b] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssWifiChart[data-v-d2d08d5b] {
  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;
}
.cssWifiTextOverlay[data-v-d2d08d5b] {
  position: absolute;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  text-align: center;
  font-size: 1.25rem;
}
.cssWifiChartValue1[data-v-d2d08d5b] {
  font-weight: bold;
}
.cssWifiChartValue2[data-v-d2d08d5b] {
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.cssWifiNotConnected[data-v-d2d08d5b] {
  width: 100%;
  font-size: 1.25rem;
  margin-top: 2rem;
  text-align: center;
}
.cssWifiSpeedChart[data-v-d2d08d5b] {
  flex: 1 1 auto;
}
.cssSpectrumUtilizationChart[data-v-d2d08d5b] {
  flex: 1 1 auto;
}
.cssAntennaChart[data-v-d2d08d5b] {
  flex: 1 1 auto;
  padding-right: 0.5rem;
}
.cssStationTable[data-v-d2d08d5b] {
  font-size: 0.75rem;
}
.cssStationTable th[data-v-d2d08d5b] {
  text-align: left;
}
.cssStationTable td[data-v-d2d08d5b] {
  text-align: left;
}
.cssGradientBar[data-v-d2d08d5b] {
  width: 100%;
  height: var(--bar-height);
}
.cssGradientValue[data-v-d2d08d5b] {
  position: absolute;
  left: 10px;
  line-height: var(--bar-height);
  color: white;
}
.cssApPowerChart[data-v-d2d08d5b] {
  flex: 1 1 auto;
}

.cssTabVars[data-v-1c5b185a] {
  --bui-gradient-bar-fg: rgb(0, 123, 140);
  --bui-gradient-bar-bg: rgb(226, 227, 228);

  --bar-height: 1rem;
}
.cssTabContainer[data-v-1c5b185a] {
  margin: 0.5rem;
}

.cssTabVars[data-v-d4edd23f] {
  --bui-gradient-bar-fg: rgb(0, 123, 140);
  --bui-gradient-bar-bg: rgb(226, 227, 228);

  --bar-height: 1rem;
}
.cssTabContainer[data-v-d4edd23f] {
  margin: 0.5rem;

  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.cssWifiCardContainer[data-v-d4edd23f] {
  border: var(--bui-border-style) var(--bui-neutral-background-color);
  border-radius: var(--bui-border-radius);
  width: 33rem;
  height: 22rem;
  padding: 0.5rem;

  display: flex;
  flex-direction: column;
}
.cssWifiCardTitle[data-v-d4edd23f] {
  font-size: 1.25rem;
  line-height: 2rem;
  border-bottom: 1px solid black;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;

  flex: 0 1 auto;
}
.cssChart[data-v-d4edd23f] {
  flex: 1 1 auto;
}
.cssNoChartData[data-v-d4edd23f] {
  width: 100%;
  margin-top: 4rem;
  text-align: center;
  font-size: 1.5rem;
}

.cssTabVars[data-v-c7037598] {
  --bui-gradient-bar-fg: rgb(0, 123, 140);
  --bui-gradient-bar-bg: rgb(226, 227, 228);

  --bar-height: 1rem;
}
.cssTabContainer[data-v-c7037598] {
  margin: 0.5rem;

  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.cssWifiCardContainer[data-v-c7037598] {
  border: var(--bui-border-style) var(--bui-neutral-background-color);
  border-radius: var(--bui-border-radius);
  width: 33rem;
  height: 22rem;
  padding: 0.5rem;

  display: flex;
  flex-direction: column;
}
.cssWifiCardTitle[data-v-c7037598] {
  font-size: 1.25rem;
  line-height: 2rem;
  border-bottom: 1px solid black;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;

  flex: 0 1 auto;
}
.cssChart[data-v-c7037598] {
  flex: 1 1 auto;
}
.cssNoChartData[data-v-c7037598] {
  width: 100%;
  margin-top: 4rem;
  text-align: center;
  font-size: 1.5rem;
}

.cssDialogVars[data-v-45a10c50] {
  --dialog-w: var(--dialog-wifi-w, 88%);
  --dialog-h: var(--dialog-wifi-h, 80%);
  --dialog-bg: var(--dialog-wifi-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-wifi-corner, 10px);
  --separate-border-line: 2px solid rgb(200, 200, 200);
}
.cssDialogDarkModeVars[data-v-45a10c50] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-45a10c50] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-45a10c50] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  min-width: 75rem;
  height: var(--dialog-h);
  min-height: 25rem;

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssContainer[data-v-45a10c50] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssContentContainer[data-v-45a10c50] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cssTabRow[data-v-45a10c50] {
  flex: 0 1 auto;
}
.cssTabContent[data-v-45a10c50] {
  width: 100%;
  overflow: scroll;

  flex: 1 1 auto;
}

.cssVars[data-v-5afcd7c6] {
  --bui-gradient-bar-fg: rgb(0, 123, 140);
  --bui-gradient-bar-bg: rgb(226, 227, 228);

  --bar-height: 1.3rem;
}
.cssContainer[data-v-5afcd7c6] {
  width: 100%;
  height: 100%;
}
.cssInterfaceTextbox[data-v-5afcd7c6] {
  width: 6rem;
  color: var(--bui-neutral-background-color);
}
.cssInterfaceSelect[data-v-5afcd7c6] {
  width: 6rem;
}
.cssWifiFlexContainer[data-v-5afcd7c6] {
  display: flex;
  padding: 0rem 0.5rem;
  height: 100%;
}
.cssWifiChartContainer[data-v-5afcd7c6] {
  flex: 1 1 auto;

  display: flex;
  flex-direction: column;
}
.cssWifiFlexChart[data-v-5afcd7c6] {
  flex: 1 1 auto;
  position: relative;
}
.cssWifiChart[data-v-5afcd7c6] {
  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;
}
.cssWifiTextOverlay[data-v-5afcd7c6] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 0.9em;
}
.cssWifiChartValue1[data-v-5afcd7c6] {
  font-weight: bold;
}
.cssWifiChartValue2[data-v-5afcd7c6] {
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.cssWifiFlexChartLegendTable[data-v-5afcd7c6] {
  flex: 0 1 auto;
  height: 3em;
  font-size: 0.75rem;

  margin: auto;
}
.cssWifiChartLegend[data-v-5afcd7c6] {
  padding-right: 0.5em;
}
.cssLegendColor[data-v-5afcd7c6] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
}
.cssWifiInfoContainer[data-v-5afcd7c6] {
  flex: 0 1 auto;

  width: 19rem;
  padding-left: 0.5rem;
}
.cssTable[data-v-5afcd7c6] {
  width: 100%;
}
.cssRowKey[data-v-5afcd7c6] {
  width: 8rem;
}
.cssGradientBar[data-v-5afcd7c6] {
  width: 100%;
  height: var(--bar-height);
}
.cssGradientValue[data-v-5afcd7c6] {
  position: absolute;
  left: 10px;
  line-height: var(--bar-height);
  color: white;
}
.cssWifiNotConnected[data-v-5afcd7c6] {
  width: 100%;
  font-size: 1.25rem;
  margin-top: 2rem;
  text-align: center;
}

.cssVars[data-v-3650e165] {
}
.cssWifiBandUtilizationChart[data-v-3650e165] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}
.cssContainer[data-v-3650e165] {
  width: 100%;
  height: 100%;
}
.cssInterfaceTextbox[data-v-3650e165] {
  width: 6rem;
  color: var(--bui-neutral-background-color);
}
.cssInterfaceSelect[data-v-3650e165] {
  width: 6rem;
}
.cssWifiFlex[data-v-3650e165] {
  display: flex;
  width: 100%;
  height: 100%;
}
.cssWifiNotConnected[data-v-3650e165] {
  width: 100%;
  font-size: 1.25rem;
  margin-top: 2rem;
  text-align: center;
}

.cssVars[data-v-afdd0b3f] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
}
.cssSignalBar[data-v-afdd0b3f] {
  --bui-gradient-bar-fg: linear-gradient(
    90deg,
    rgb(0, 91, 137) 65%,
    rgb(0, 91, 137) 100%
  );
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  width: 100%;
  height: 0.5em;
  margin-bottom: 4px;
}
.cssWifiBandUtilization[data-v-afdd0b3f] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 20px;
  display: inline-block;
}
.cssDisabled[data-v-afdd0b3f] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(40,40,40,0.1);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(6px);
}
.cssIfaceSelect[data-v-afdd0b3f] {
    width: 70px;
}
.wifiFlex[data-v-afdd0b3f] {
  display: flex;
  gap: var(--column-gap);
}
.wifiFlexContainer[data-v-afdd0b3f] {
      display: flex;
      height: 85%;
}
.bui-header-cell-sm[data-v-afdd0b3f] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTable[data-v-afdd0b3f] {
  width: 100%;
  padding: var(--table-padding);
}




.cssVars[data-v-084be3cf] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 75%);
}
.cssContainer[data-v-084be3cf] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-084be3cf] {
  width: 100%;
  padding: var(--table-padding);
}
.bas-reboots-table th[data-v-084be3cf] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTimeSelect[data-v-084be3cf] {
  width: 170px;
}
.cssRowKey[data-v-084be3cf] {
  width: var(--table-key-width);
}

.cssGaugeContainer[data-v-2db0c4ab] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssGaugeVars[data-v-2db0c4ab] {
  --canvas-x: var(--gauge-canvas-x, 0px);
  --canvas-y: var(--gauge-canvas-y, 0px);
  --canvas-w: var(--gauge-canvas-w, 100%);
  --canvas-h: var(--gauge-canvas-h, 100%);
}
.cssGaugeCanvas[data-v-2db0c4ab] {
  position: absolute;
  top: var(--canvas-x);
  left: var(--canvas-y);
  width: var(--canvas-w);
  height: var(--canvas-h);
}

.cssLineContainer[data-v-59969862] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssLineVars[data-v-59969862] {
  --canvas-x: var(--line-canvas-x, 0px);
  --canvas-y: var(--line-canvas-y, 0px);
  --canvas-w: var(--line-canvas-w, 100%);
  --canvas-h: var(--line-canvas-h, 100%);
}
.cssLineCanvas[data-v-59969862] {
        width: 100%;
        height: 100%;
}

.cssCMBSpeed[data-v-3307a88d] {
    --dialog-bspeed-w: 800px;
    --dialog-bspeed-options-w: 80%;
    --dialog-bspeed-options-margin-left: 10%;
}
.cssDialogConfirmVars[data-v-3307a88d] {
  --dialog-w: var(--dialog-bspeed-w, 600px);
  --dialog-h: var(--dialog-confirm-h, 600px);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-3307a88d] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-3307a88d] {
    display: flex;
}
.cssSideTop[data-v-3307a88d] {
    padding-left: 40px;
}
.cssCenterAlign[data-v-3307a88d] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-3307a88d] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-3307a88d] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-3307a88d] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-3307a88d] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-3307a88d] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-3307a88d] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-3307a88d] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-3307a88d] {
  width: calc(var(--dialog-w) - 40px);
  height: calc(var(--dialog-h) - 110px);

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cssChartRow[data-v-3307a88d] {
    padding-bottom: 20px;
}
.cssBspeedCheckbox[data-v-3307a88d]{
    padding-left: 20px;
}
.cssBottomRow[data-v-3307a88d] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.cssVarsBuiGauge[data-v-3307a88d] {
  --gauge-w: 200px;
  --gauge-h: 200px;

  --label-w: 200px;
  --label-h: 50px;
  --label-x: calc((var(--gauge-w) - var(--label-w)) / 2);
}
.cssBspeedOptions[data-v-3307a88d] {
    width: var(--dialog-bspeed-options-w);
    margin-left: var(--dialog-bspeed-options-margin-left);
}
.cssBuiGauge[data-v-3307a88d] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  position: relative;
  margin-left: 20px;
}
.cssBuiGaugeLabel_0[data-v-3307a88d] {
  position: absolute;

  left: var(--label-x);
  bottom: 0px;
  width: var(--label-w);
  height: var(--label-h);

  text-align: center;
}
.cssBuiGaugeValue[data-v-3307a88d] {
  font-size: 1em;
  font-weight: bold;
}
.cssValueText[data-v-3307a88d] {
  font-weight: bolder;
  margin-top: 0.3em;
}
.cssBuiGaugeUnit[data-v-3307a88d] {
  font-size: 1em;
  font-weight: lighter;
}
.cssLineChart[data-v-3307a88d] {
    height: 60px;
    width: 200px;
}
.cssGradientBar[data-v-3307a88d] {
  --bui-gradient-bar-fg: rgb(0,92,138);
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bar-height: 0.5em;
  width: 100%;
  height: var(--bar-height);
  margin-bottom: 10px;
}
.bui-header-cell-sm[data-v-3307a88d] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTable[data-v-3307a88d] {
  width: 100%;
  padding: var(--table-padding);
}


.bas-status-table {
        width: 100%;
}
.statusTable {
        width: 100%;
        padding: 0em 1em 1em 1em;
}
.statusIndicator {
        width: 20px;
}
.cssBar {
      --bui-gradient-bar-bg: rgb(226, 227, 228);
      --bui-gradient-bar-fg: rgb(0, 92, 138);
      height: 1em !important;
      width: 100%;
}
.nested-object-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 6px;
        padding: 6px;
        background-color: #f8f9fa;
        border-radius: 4px;
        border: 1px solid #dee2e6;
}
.nested-item {
        display: flex;
        flex-direction: column;
        gap: 2px;
}
.nested-key {
        font-weight: bold;
        font-size: 0.8em;
        color: #495057;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.nested-value {
        font-size: 0.85em;
        color: #6c757d;
        word-break: break-word;
}
.array-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 8px;
        padding: 8px;
        background-color: #f8f9fa;
        border-radius: 4px;
        border: 1px solid #dee2e6;
}
.array-item {
        background-color: white;
        border: 1px solid #e9ecef;
        border-radius: 4px;
        padding: 8px;
}
.array-object-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 6px;
}
.array-simple-list {
        display: inline-block;
        padding: 4px 8px;
        background-color: #f8f9fa;
        border-radius: 4px;
        border: 1px solid #dee2e6;
}
.array-simple-item {
        font-size: 0.9em;
        color: #495057;
}
.collapsible-object {
        width: 100%;
}
.collapsible-header {
        display: flex;
        align-items: center;
        cursor: pointer;
        padding: 4px 8px;
        background-color: #e9ecef;
        border-radius: 4px;
        border: 1px solid #dee2e6;
        margin-bottom: 4px;
        transition: background-color 0.2s;
}
.collapsible-header:hover {
        background-color: #dee2e6;
}
.collapse-icon {
        margin-right: 6px;
        font-size: 0.8em;
        color: #6c757d;
}
.collapsible-title {
        font-weight: bold;
        font-size: 0.9em;
        color: #495057;
}
.collapsible-array {
        width: 100%;
}

.cssDialogConfirmVars[data-v-b249120b] {
  --dialog-w: var(--dialog-confirm-w, 90%);
  --dialog-h: var(--dialog-confirm-h, 80%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-b249120b] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-b249120b] {
    display: flex;
}
.cssCardContainer[data-v-b249120b] {
    padding: 5px;
    min-height: 500px;
    flex: 1;
    margin: 0 5px;
}
.cssCardContainerNarrow[data-v-b249120b] {
    padding: 5px;
    min-height: 500px;
    flex: 0.7;
    margin: 0 5px;
}
.cssSideTop[data-v-b249120b] {
    padding-left: 40px;
}
.cssCenterAlign[data-v-b249120b] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-b249120b] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-b249120b] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-b249120b] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-b249120b] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-b249120b] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-b249120b] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-b249120b] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-b249120b] {
  width: calc(var(--dialog-w) - 40px);
  height: calc(var(--dialog-h) - 110px);

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cssChartRow[data-v-b249120b] {
    padding-bottom: 20px;
}
.cssCards[data-v-b249120b] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: space-between;
}
.cssNotLoaded[data-v-b249120b] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.cssDialogConfirmVars[data-v-7544dc46] {
  --dialog-w: var(--dialog-confirm-w, 90%);
  --dialog-h: var(--dialog-confirm-h, 90%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-7544dc46] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-7544dc46] {
    display: flex;
}
.cssCardContainer[data-v-7544dc46] {
    padding: 5px;
}
.cssSideTop[data-v-7544dc46] {
    padding-left: 40px;
}
.cssCards[data-v-7544dc46] {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}
.cssCenterAlign[data-v-7544dc46] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-7544dc46] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-7544dc46] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-7544dc46] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-7544dc46] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-7544dc46] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-7544dc46] {
  display: flex;
  flex-direction: row;
}
.cssActionContainer[data-v-7544dc46] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cssCachedIndicator[data-v-7544dc46] {
  background-color: var(--bui-warning-background-color, #f59e0b);
  color: var(--bui-warning-foreground-color, #ffffff);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.cssNotLoaded[data-v-7544dc46] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssDialog[data-v-7544dc46] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-7544dc46] {
  width: calc(var(--dialog-w) - 40px);
  height: calc(var(--dialog-h) - 110px);

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cssChartRow[data-v-7544dc46] {
    padding-bottom: 20px;
}




.cssVars[data-v-4791771e] {
  --content-padding: var(--system-content-padding, 0em 1em 1em 1em);

  --remote-width: 240px;
  --remote-height: 800px;

  --remote-base-color: #414b57;
  --remote-key-bg-color: #949ea8;
  --remote-key-bg-hover-color: #b2b8bd;
  --remote-key-icon-color: #e5e5e5;
}
.cssDialogConfirmVars[data-v-4791771e] {
  --dialog-w: var(--dialog-confirm-w, 75%);
  --dialog-h: var(--dialog-confirm-h, 78%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssRebootConfirmVars[data-v-4791771e] {
  --dialog-w: var(--dialog-confirm-w, 320px);
  --dialog-h: var(--dialog-confirm-h, 200px);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
}
.cssDialogConfirmDarkModeVars[data-v-4791771e] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-4791771e] {
    display: flex;
}
.cssCardContainer[data-v-4791771e] {
    padding: 5px;
}
.cssSideTop[data-v-4791771e] {
    padding-left: 40px;
}
.cssCards[data-v-4791771e] {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}
.cssCenterAlign[data-v-4791771e] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-4791771e] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-4791771e] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-4791771e] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-4791771e] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-4791771e] {
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: hidden;
  scroll: none;
}
.cssFlexLeftRight[data-v-4791771e] {
  display: flex;
  flex-direction: row;
}
.cssNotLoaded[data-v-4791771e] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssDialog[data-v-4791771e] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);
  min-width: 1250px;
  min-height: 320px;
  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-4791771e] {
    width: 100%;
}
.cssRebootDialogMsg[data-v-4791771e] {
  display: flex;
  flex-direction: row;
}
.cssChartRow[data-v-4791771e] {
    padding-bottom: 20px;
}
.cssScreenshotContainer[data-v-4791771e]{
    width: 80%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.cssScreenshot[data-v-4791771e]{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.cssScreenshotOverlay[data-v-4791771e] {
    position: absolute;
    color: white;
    z-index: 10;
    top: calc(50% - 1em);
    left: 0;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.cssRemote[data-v-4791771e] {
  width: var(--remote-width);
  height: var(--remote-height);
}
.cssRemoteBase[data-v-4791771e] {
  fill: var(--remote-base-color);
  stroke: #686a6c;
  stroke-width: 2;

  /* remove Chrome default focus outline */
  outline-width: 0;
}
.cssRemoteBase[data-v-4791771e]:focus {
  stroke: var(--bui-focus-background-color);
  stroke-width: 4;
}
.cssButton[data-v-4791771e] {
  fill: var(--remote-key-bg-color);
}
.cssButton[data-v-4791771e]:hover {
  fill: var(--remote-key-bg-hover-color);
  cursor: pointer;
}

/* for javascript to add hover effect when pressing keys */
.cssButtonHover[data-v-4791771e] {
  fill: var(--remote-key-bg-hover-color);
}
.cssSpacing[data-v-4791771e] {
  fill: none;
  stroke: var(--remote-base-color);
  stroke-width: 2.11869;
}
.cssSelectButtonSpacing[data-v-4791771e] {
  fill: var(--remote-base-color);
  stroke: none;
}
.cssSelectButton[data-v-4791771e] {
  fill: #4f5359;
  fill-opacity: 1;
  stroke: #636568;
  stroke-width: 2.11667;
}
.cssSelectButton[data-v-4791771e]:hover {
  fill: #5c6066;
  stroke: #7c7e83;
  cursor: pointer;
}

/* for javascript to add hover effect when pressing keys */
.cssSelectButtonHover[data-v-4791771e] {
  fill: #5c6066;
  stroke: #7c7e83;
}
.cssSettingsLabel[data-v-4791771e] {
    width: 60px;
}
.cssDirectionIcon[data-v-4791771e] {
  fill: none;
  stroke: var(--remote-key-icon-color);
  stroke-width: 5;
}
.cssFlatIcon[data-v-4791771e] {
  fill: var(--remote-key-icon-color);
}
.cssButtonContainer[data-v-4791771e] {
    position: relative;
    top: -490px;
    margin-left: 25px;
    width: 220px;
}
.cssNumButtons[data-v-4791771e] {
    display: flex;
    gap: 10px 10px;
    column-gap: 20px;
    row-gap: 10px;
    height: 60px;
}
.cssButtonContainer .cssContainerButton[data-v-4791771e] {
    background: var(--remote-key-bg-color);
    border-color: var(--remote-key-bg-color);
    font-size: x-large;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    vertical-align: top;
    padding-left: 17.5px;
    padding-top: 11px;
}
.cssButtonContainer .cssContainerButtonText[data-v-4791771e] {
    background: var(--remote-key-bg-color);
    border-color: var(--remote-key-bg-color);
    height: 30px;
    vertical-align: top;
    margin-left: 11.5px;
}
.cssCHButton[data-v-4791771e] {
    background: var(--remote-key-bg-color);
    border-color: var(--remote-key-bg-color);
    font-size: x-large;
    width: 50px;
    height: 50px;
    display:block;
    vertical-align: top;
    padding-left: 17px;
    padding-top: 11px;
}
[data-v-4791771e] .cssContainerButton .bui-button-label {
    width: 10px;
}
[data-v-4791771e] .bui-button-icon {
    left:-5px;
    position: relative;
}
.cssCHContainer[data-v-4791771e] {
    display:flex;
    justify-content: space-around;
    margin-left: -10px;
    width: 210px;
}
.cssCHLabel[data-v-4791771e] {
    background: var(--remote-key-bg-color);
    width: 100%;
    text-align: center;
    color: white;
}
.cssContentContainer[data-v-4791771e] {
    height: 800px;
    width: 250px;
    overflow-y: hidden;
}

.cssDialogConfirmVars[data-v-e2820938] {
  --dialog-w: var(--dialog-confirm-w, 30%);
  --dialog-h: var(--dialog-confirm-h, 50%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-e2820938] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-e2820938] {
    display: flex;
}
.cssCardContainer[data-v-e2820938] {
    padding: 5px;
}
.cssSideTop[data-v-e2820938] {
    padding-left: 40px;
}
.cssNotLoaded[data-v-e2820938] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssCenterAlign[data-v-e2820938] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-e2820938] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-e2820938] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-e2820938] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-e2820938] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-e2820938] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-e2820938] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-e2820938] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-e2820938] {
  width: calc(var(--dialog-w) - 40px);
  height: calc(var(--dialog-h) - 110px);

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cssChartRow[data-v-e2820938] {
    padding-bottom: 20px;
}
.cssCards[data-v-e2820938] {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}


.cssDialogConfirmVars[data-v-a00d9b00] {
  --dialog-w: var(--dialog-confirm-w, 60%);
  --dialog-h: var(--dialog-confirm-h, 30%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
}
.cssDialogConfirmDarkModeVars[data-v-a00d9b00] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-a00d9b00] {
    display: flex;
}
.cssCardContainer[data-v-a00d9b00] {
    padding: 5px;
}
.cssSideTop[data-v-a00d9b00] {
    padding-left: 40px;
}
.cssNotLoaded[data-v-a00d9b00] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssModal[data-v-a00d9b00] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssContainer[data-v-a00d9b00] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssDialog[data-v-a00d9b00] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.bui-header-cell-sm[data-v-a00d9b00] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTable[data-v-a00d9b00] {
  width: 100%;
  padding: var(--table-padding);
  table-layout: fixed;
}


.cssDialogConfirmVars[data-v-c5fb6972] {
  --dialog-w: var(--dialog-confirm-w, 40%);
  --dialog-h: var(--dialog-confirm-h, 60%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);


    --column-height: 100px;
  --column-gap: 5px;
  --column-battery-w: 40px;
  --column-status-w: 120px;
  --column-info-w: calc((
    100% - var(--column-battery-w) - var(--column-status-w) - 2 *
      var(--column-gap) )/ 2
  );
}
.cssDialogConfirmDarkModeVars[data-v-c5fb6972] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-c5fb6972] {
    display: flex;
}
.cssCardContainer[data-v-c5fb6972] {
    padding: 5px;
}
.cssSideTop[data-v-c5fb6972] {
    padding-left: 40px;
}
.cssNotLoaded[data-v-c5fb6972] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssModal[data-v-c5fb6972] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssContainer[data-v-c5fb6972] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssDialog[data-v-c5fb6972] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.bui-header-cell-sm[data-v-c5fb6972] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTable[data-v-c5fb6972] {
  width: 100%;
  padding: var(--table-padding);
  table-layout: fixed;
}
.cssTabRow[data-v-c5fb6972] {
  flex: 0 1 auto;
}
.cssTabContent[data-v-c5fb6972] {
  width: 100%;
  overflow: scroll;

  flex: 1 1 auto;
}
.cssBtCardContainer[data-v-c5fb6972] {
  padding: 0em 1em 1em 1em;
}
.cssBtName[data-v-c5fb6972] {
  padding-bottom: 0.5em;
}
.cssBtFlex[data-v-c5fb6972] {
  display: flex;
  gap: var(--column-gap);
}
.cssColumnBattery[data-v-c5fb6972] {
  width: var(--column-battery-w);
  height: var(--column-height);
  padding-top: 10px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.cssBattery[data-v-c5fb6972] {
  width: 25px;
  height: 70px;
}
.cssBatteryValue[data-v-c5fb6972] {
  font-size: 1em;
  font-weight: bold;
}
.cssColumnStatus[data-v-c5fb6972] {
  width: var(--column-status-w);
  height: var(--column-height);

  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.cssStatusIcon[data-v-c5fb6972] {
  display: inline;
  font-size: 1.4em;
  vertical-align: top;
}
.cssStatusText[data-v-c5fb6972] {
  font-weight: bolder;
  margin-left: 0.5em;
}
.cssColumnInfo[data-v-c5fb6972] {
  min-width: 100px;
  width: var(--column-info-w);
  height: var(--column-height);

  border-left: 2px solid rgb(200, 200, 200);
  padding-left: 10px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssTypeText[data-v-c5fb6972] {
  font-weight: bolder;
  margin-top: 0.3em;
}
.cssRssiInfo[data-v-c5fb6972] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2em;
}
.cssRssiValue[data-v-c5fb6972] {
  font-weight: bolder;
}
.cssBar[data-v-c5fb6972] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: rgb(0, 92, 138);
  height: 1em;
}
.cssSeparator[data-v-c5fb6972] {
  height: 0.5em;
  border-color: rgb(200, 200, 200);
  border-width: 2px;
  margin: 0.5em 0em 1em 0em;
}


.cssDialogRebootVars[data-v-7f2e454c] {
  --dialog-w: var(--dialog-reboot-w, 960px);
  --dialog-h: var(--dialog-reboot-h, 700px);
  --dialog-bg: var(--dialog-reboot-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-reboot-corner, 10px);

  --dialog-text-semi-bold: var(--dialog-reboot-text-semi-bold, 600);
}
.cssDialogRebootDarkModeVars[data-v-7f2e454c] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-7f2e454c] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-7f2e454c] {
  display: flex;
  flex-direction: column;
}
.cssFlexLeftRight[data-v-7f2e454c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cssDialog[data-v-7f2e454c] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);
  padding: 20px;

  display: flex;
  flex-direction: column;
  gap: 15px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssDeviceProduct[data-v-7f2e454c] {
  font-size: 18px;
  height: 20px;
  /*
  font-weight: var(--dialog-text-semi-bold);
  */
}
.cssDeviceUid[data-v-7f2e454c] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssRebootTitle[data-v-7f2e454c] {
  font-size: 18px;
  height: 20px;
  /*
  font-weight: var(--dialog-text-semi-bold);
  */
}
.cssDateTime[data-v-7f2e454c] {
  height: 20px;
}
.cssRebootFieldLabel[data-v-7f2e454c] {
  font-size: 1rem;
  margin-bottom: 5px;
  color: var(--bui-neutral-background-color);
}
.cssRebootDataBlock[data-v-7f2e454c] {
  height: 425px;
}
.cssRebootData[data-v-7f2e454c] {
  height: 325px;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;
  overflow: auto;
  padding-top: 15px;
  padding-left: 15px;
}
.cssDataViewer[data-v-7f2e454c] {
  --bui-json-container-width: 600px;
}
.cssBottomRow[data-v-7f2e454c] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cssDownloadBlock[data-v-7f2e454c]:hover {
  cursor: pointer;
}
.cssDownloadIcon[data-v-7f2e454c] {
  width: 14px;
  height: 14px;
  display: inline-block;
  color: var(--bui-neutral-background-color);
}
.cssDownloadMsg[data-v-7f2e454c] {
  font-style: italic;
  margin-left: 10px;
  color: var(--bui-static-background-color);
}
.cssButtonSet[data-v-7f2e454c] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-right: 10px;
}

.cssDvTr[data-v-930bb48a]:hover {
  background-color: var(--bui-muted-background-color);
}
.cssDvTdName[data-v-930bb48a] {
  font-weight: 700;
  padding: 0.25rem 1rem 0.25rem 0.5rem;

  /* use minimal width for the content */
  width: 0;
  min-width: fit-content;

  text-wrap: nowrap;
}
.cssDvTdValueCode[data-v-930bb48a] {
  display: block;
  overflow: auto;

  padding: 0.5rem 0;
}
.cssDvTdValueCode > pre[data-v-930bb48a] {
  padding: 0;
  margin: 0;
}
.cssDvTdValueKeyword[data-v-930bb48a] {
  padding: 0.25rem 0;
  color: purple;
  font-weight: bold;
}
.cssDvTdValueString[data-v-930bb48a] {
  padding: 0.25rem 0;
}
.cssDvTdValue[data-v-930bb48a] {
  padding: 0.25rem 0;
}

.cssDvTableVars[data-v-42c5782a] {
  --th-bg: var(--table-th-bg, var(--bui-th-bg));
  --th-fg: var(--table-th-fg, var(--bui-th-fg));
  --th-padding: var(--table-th-padding, 0.5rem 1rem);
  --th-border-right: var(--table-th-border-right, 1px solid var(--th-fg));

  --td-bg-odd: var(--table-td-bg-odd, var(--bui-td-bg-odd));
  --td-fg-odd: var(--table-td-fg-odd, var(--bui-td-fg-odd));
  --td-bg-even: var(--table-td-bg-even, var(--bui-td-bg-even));
  --td-fg-even: var(--table-td-fg-even, var(--bui-td-fg-even));

  --tr-bg-hover: var(--table-tr-bg-hover, var(--bui-tr-bg-hover));

  --td-padding: var(--table-td-padding, 0.5rem 1rem);
}
.cssDvTableContainer[data-v-42c5782a] {
  width: 100%;
  overflow-x: auto;
}
.cssDvTable[data-v-42c5782a] {
  display: grid;
  border-collapse: collapse;

  width: 100%;
}

/* this is for thead, tbody, tr */
.cssDisplayContents[data-v-42c5782a] {
  display: contents;
}
.cssThTr[data-v-42c5782a] {
}
.cssTableCell[data-v-42c5782a] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cssTh[data-v-42c5782a] {
  position: relative;
  top: 0;

  text-align: left;

  border-right: var(--th-border-right);
  background-color: var(--th-bg);
  color: var(--th-fg);
  padding: var(--th-padding);
}
.cssDvResizeHandle[data-v-42c5782a] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0;
  width: 0.5rem;
  cursor: col-resize;
}

/*
  The following selector is needed so the handle is visible during resize
  even if the mouse isn't over the handle anymore
*/
.cssDvResizeHandle[data-v-42c5782a]:hover,
.cssThResizing .cssDvResizeHandle[data-v-42c5782a] {
  opacity: 0.5;
}
.cssTh:hover .cssDvResizeHandle[data-v-42c5782a] {
  opacity: 0.3;
}
.cssTdTr[data-v-42c5782a] {
}
.cssTd[data-v-42c5782a] {
  background-color: var(--td-bg);
  color: var(--td-fg);
  padding: var(--td-padding);
}
.cssTdTr:nth-child(odd) .cssTd[data-v-42c5782a] {
  --td-bg: var(--td-bg-odd);
  --td-fg: var(--td-fg-odd);
}
.cssTdTr:nth-child(even) .cssTd[data-v-42c5782a] {
  --td-bg: var(--td-bg-even);
  --td-fg: var(--td-fg-even);
}
.cssTdTr:hover .cssTd[data-v-42c5782a] {
  --td-bg: var(--tr-bg-hover);
}

.cssDvExpandItem[data-v-25fa378e] {
  background-color: transparent;
  padding: 0.25rem 0.5rem;
}
.cssDvExpandItem[data-v-25fa378e]:hover {
  background-color: var(--bui-muted-background-color);
  cursor: pointer;
}
.cssDvExpandItemFlex[data-v-25fa378e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cssDvName[data-v-25fa378e] {
  color: var(--bui-static-background-color);
}
.cssDvComponent[data-v-25fa378e] {
  margin-left: 1rem;
}

.cssDvObjectVars[data-v-f64883cb] {
}
.cssDvObjectContainer[data-v-f64883cb] {
  width: 100%;
}
.cssDvObjectTable[data-v-f64883cb] {
  width: 100%;
  border-collapse: collapse;
}
.cssWrongFormatText[data-v-f64883cb] {
  color: red;
}

.cssDialogBcasLogVars[data-v-ad006b2d] {
  --dialog-w: 70rem;
  --dialog-h: 40rem;

  --dialog-text-semi-bold: 600;

  --dialog-border: none;
  --dialog-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.25);

  --dataview-height: 24rem;
}
:root[theme='dark'] .cssDialogBcasLogVars[data-v-ad006b2d] {
  --dialog-border: 1px solid var(--bui-base-foreground-color);
  --dialog-shadow: none;
}
.cssModal[data-v-ad006b2d] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 5;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssDialog[data-v-ad006b2d] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--bui-base-background-color);
  border: var(--dialog-border);
  border-radius: 0.5rem;
  padding: 1rem;

  box-shadow: var(--dialog-shadow);
  transition:
    width 0.3s,
    height 0.3s;
}
.cssDialogExpand[data-v-ad006b2d] {
  width: 90%;
  height: 90%;
}
.cssHeightFlex[data-v-ad006b2d] {
  display: flex;
  flex-direction: column;
}
.cssHeightFix[data-v-ad006b2d] {
  flex: 0 1 auto;
}
.cssHeightRemain[data-v-ad006b2d] {
  flex: 1 1 auto;
}
.cssHeader[data-v-ad006b2d],
.cssFirstRow[data-v-ad006b2d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cssProduct[data-v-ad006b2d] {
  font-size: 1.25rem;
  height: 1.25rem;
  font-weight: var(--dialog-text-semi-bold);

  margin-bottom: 0.5rem;
}
.cssUid[data-v-ad006b2d] {
  font-size: 0.85rem;
}
.cssHardware[data-v-ad006b2d] {
  font-weight: var(--dialog-text-semi-bold);
}
.cssSoftware[data-v-ad006b2d] {
}
.cssTimestamp[data-v-ad006b2d] {
}
.cssName[data-v-ad006b2d] {
  width: 12%;
}
.cssSeverity[data-v-ad006b2d] {
  width: 12%;
}
.cssIssue[data-v-ad006b2d] {
  width: 10%;
}
.cssReason[data-v-ad006b2d] {
  width: 20%;
}
.cssSubsystem[data-v-ad006b2d] {
  width: 10%;
}
.cssSource[data-v-ad006b2d] {
  width: 30%;
}
.cssLabelName[data-v-ad006b2d],
.cssLabelSeverity[data-v-ad006b2d],
.cssLabelIssue[data-v-ad006b2d],
.cssLabelReason[data-v-ad006b2d],
.cssLabelSubsystem[data-v-ad006b2d],
.cssLabelSource[data-v-ad006b2d],
.cssLabelData[data-v-ad006b2d] {
  font-size: 1rem;
  margin: 1rem 0 0.25rem 0;
  color: var(--bui-neutral-background-color);
}
.cssIconExpand[data-v-ad006b2d] {
  position: absolute;
  left: auto;
  right: 0rem;
  top: 1rem;
  width: 1rem;
  height: 1rem;

  cursor: pointer;
}
.cssDataView[data-v-ad006b2d] {
  overflow: auto;
  position: relative;
}
.cssDataBlock[data-v-ad006b2d] {
  border: var(--bui-border-style) var(--bui-neutral-background-color);
  border-radius: var(--bui-border-radius);
  overflow: auto;
  height: var(--dataview-height);
}
.cssSeparator[data-v-ad006b2d] {
  margin: 1rem 0;
}
.cssFooter[data-v-ad006b2d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cssRpeatAndTimestamp[data-v-ad006b2d] {
  display: flex;
  gap: 20px;
}

.cssBThereContainer[data-v-295b8d2c] {
  width: 100%;
}
.cssBlur[data-v-295b8d2c] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(40, 40, 40, 0.1);
  z-index: 1;
  backdrop-filter: blur(6px);
}
.cssLoadingImageBackground[data-v-295b8d2c] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -10;
}
.cssLoadingImageContainer[data-v-295b8d2c] {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ssLoadingImage[data-v-295b8d2c] {
  width: 50px;
  height: 50px;
}

.cssVars[data-v-3b2a183f] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
}
.cssInsightPopupContainer[data-v-3b2a183f] {
    position: absolute;
    right: 20px;
    top: 0px;
}
.cssContainer[data-v-3b2a183f] {
    width: 400px;
    height: 250px;
    margin: 20px;
    background: white;
}
.cssInsightPopup[data-v-3b2a183f] {
    padding: 0em 1em 1em 1em;
}
.cssTable[data-v-3b2a183f] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-3b2a183f] {
  width: var(--table-key-width);
}

.dashboard-hide[data-v-d169389f] {
  visibility: hidden;
}
.dashboard-stack[data-v-d169389f] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#dashboardContainer[data-v-d169389f] {
  width: 100%;
  height: calc(95vh - var(--app-appbar-h) - var(--app-footer-h));
  border: 0;
}
.cssInactiveMsg[data-v-d169389f] {
  --dialog-info-w: 300px;
  --dialog-info-h: 200px;
}

/* DataQuery Component Styles */
.dataQueryHeader[data-v-d169389f] {
  margin: 0 0 20px 0;
  color: var(--bui-text-color);
}
.dataQueryContainer[data-v-d169389f] {
  padding: 20px;
  width: 100%;
  height: 100%;
  background-color: var(--bui-base-background-color);
}
.queryContent[data-v-d169389f] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.querySection[data-v-d169389f],
.resultsSection[data-v-d169389f] {
  background-color: var(--bui-surface-color);
  padding: 15px;
  border-radius: 8px;
  border: 1px solid var(--bui-border-color);
}
.querySection h2[data-v-d169389f],
.resultsSection h2[data-v-d169389f] {
  margin: 0 0 15px 0;
  color: var(--bui-text-color);
  font-size: 1.2em;
}
.placeholder[data-v-d169389f] {
  color: var(--bui-text-secondary-color);
  font-style: italic;
  padding: 20px;
  text-align: center;
  background-color: var(--bui-surface-variant-color);
  border-radius: 4px;
}
.cssCenterMiddle[data-v-d169389f] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cssFlexColumn[data-v-d169389f] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cssFlexRow[data-v-d169389f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}

.cssVars[data-v-f6e94105] {
  --profile-header-height: 136px;
  --property-width: 380px;
  --font-weight-semi-bold: 600;

  --bui-json-container-width: 800px;
  --bui-json-name-width: 340px;

  --bui-json-level-0-odd-color: #f2f2f2;
  --bui-json-level-0-hover-color: #e6e6e6;
  --bui-json-level-1-odd-color: #f2f2f2;
  --bui-json-level-1-hover-color: #e6e6e6;
  --bui-json-level-2-odd-color: #f2f2f2;
  --bui-json-level-2-hover-color: #e6e6e6;
  --bui-json-level-3-odd-color: #f2f2f2;
  --bui-json-level-3-hover-color: #e6e6e6;
  --bui-json-level-4-odd-color: #f2f2f2;
  --bui-json-level-4-hover-color: #e6e6e6;
  --bui-json-level-5-odd-color: #f2f2f2;
  --bui-json-level-5-hover-color: #e6e6e6;
}
.cssDetail[data-v-f6e94105] {
  margin-top: 20px;
  font-size: 18pt;
  font-weight: var(--font-weight-semi-bold);
}
.cssButtonRow[data-v-f6e94105] {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px;
}
.cssContainer[data-v-f6e94105] {
  margin-left: 100px;
  padding: 10px 0px;
}
.cssRow[data-v-f6e94105] {
  margin-top: 20px;
  margin-bottom: 20px;
  width: var(--property-width);
}
.cssPropertyLabel[data-v-f6e94105] {
  display: block;
  width: 250px;
  margin-bottom: 10px;
  font-weight: var(--font-weight-semi-bold);
}
.cssPropertyValue[data-v-f6e94105] {
  display: block;
  width: var(--property-width);
  font-size: 20px;
}
.cssReadOnly[data-v-f6e94105] {
  padding-left: 40px;
  border-bottom: 2px solid #DDD;
}
.cssNullValue[data-v-f6e94105] {
  font-family: 'Fira Code Local', monospace;
  color: #CCC;
}
.cssButtonsFlexContainer[data-v-f6e94105] {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  font-size: 30px;
}
.cssTextbox[data-v-f6e94105] {
  display: block;
  width: var(--property-width);
  font-size: 20px;
}
.cssMessage[data-v-f6e94105] {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
  width: 600px;
}
.cssActionIcon[data-v-f6e94105] {
  width: 24px;
  height: 24px;
}
.cssActionMessage[data-v-f6e94105] {
  font-size: inherit;
}
.cssTitleRow[data-v-f6e94105] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}
.cssTitle[data-v-f6e94105] {
  font-weight: var(--font-weight-semi-bold);
}
.cssSwitch[data-v-f6e94105] {
  display: inline;
  width: 30px;
}
a[data-v-f6e94105]:link, a[data-v-f6e94105]:visited, a[data-v-f6e94105]:hover, a[data-v-f6e94105]:active {
  text-decoration: none;
}
.cssScrollContainer[data-v-f6e94105] {
  /* appbar 32px, padding-top 8px, padding-bottom 8px, footer 40px */
  height: calc(100vh - 32px - 8px - var(--profile-header-height) - 8px - 40px);
  width: 100%;

  /* hide horizontal scroll bar */
  overflow-x: hidden;

  overflow-y: auto;
}

.cssDialogConfirmVars[data-v-c9b3c726] {
        --dialog-w: var(--dialog-confirm-w, 1000px);
        --dialog-h: var(--dialog-confirm-h, 500px);
        --dialog-bg: var(--dialog-confirm-bg, white);
        --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssModal[data-v-c9b3c726] {
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-c9b3c726] {
        display: flex;
        flex-direction: column;
}
.cssFlexLeftRight[data-v-c9b3c726] {
        display: flex;
        flex-direction: row;
}
.cssDialog[data-v-c9b3c726] {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: var(--dialog-w);
        height: var(--dialog-h);
        background-color: var(--dialog-bg);
        border-radius: var(--dialog-corner);
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.cssConfirmMessageBlock[data-v-c9b3c726] {
        width: calc(var(--dialog-w) - 40px);
        height: calc(var(--dialog-h) - 110px);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
}
.cssBottomRow[data-v-c9b3c726] {
        height: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 50px;
}

.container[data-v-d7a41e57] {
        display: flex;
        width: 100%;
        justify-content: center;
}
.top-item[data-v-d7a41e57] {
        width: 1872px;
        padding-left: 0px;
        padding-right: 0px;
        gap: 24px;
}
.row[data-v-d7a41e57] {
        padding: 0px;
        gap: 24px;
        align-items: flex-start;
}
.col[data-v-d7a41e57] {
        padding: 0px;
        gap: 24px;
}
.cssVarChart[data-v-d7a41e57] {
        --card-chart-w: 100%;
        --card-chart-h: 350px;
        --card-chart-canvas-x: 20px;
        --card-chart-canvas-y: 0px;
        --card-chart-canvas-w: calc(100% - 40px);
        --card-chart-canvas-h: 350px;
}
.seperator h3[data-v-d7a41e57] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1em;
        margin-bottom: 2em;
        margin-top: 1em;
}
.seperator h3[data-v-d7a41e57]::before,
        .seperator h3[data-v-d7a41e57]::after {
            content: "";
            display: block;
            flex-grow: 1;
            height: 1px;
            background: #ccc;
}
.seperator h3 span[data-v-d7a41e57] {
            padding: 0 2em;
}

.container[data-v-bd6bc868] {
        display: flex;
        width: 100%;
        justify-content: center;
}
.top-item[data-v-bd6bc868] {
        width: 1872px;
        padding-left: 0px;
        padding-right: 0px;
        gap: 24px;
}
.row[data-v-bd6bc868] {
        padding: 0px;
        gap: 24px;
        align-items: flex-start;
}
.col[data-v-bd6bc868] {
        padding: 0px;
        gap: 24px;
}
.cssVarChart[data-v-bd6bc868] {
        --card-chart-w: 100%;
        --card-chart-h: 350px;
        --card-chart-canvas-x: 20px;
        --card-chart-canvas-y: 0px;
        --card-chart-canvas-w: calc(100% - 40px);
        --card-chart-canvas-h: 350px;
}
.seperator h3[data-v-bd6bc868] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1em;
        margin-bottom: 2em;
        margin-top: 1em;
}
.seperator h3[data-v-bd6bc868]::before,
    .seperator h3[data-v-bd6bc868]::after {
        content: "";
        display: block;
        flex-grow: 1;
        height: 1px;
        background: #ccc;
}
.seperator h3 span[data-v-bd6bc868] {
        padding: 0 2em;
}

.cssBasDataInputDarkModeVars[data-v-175865df] {
  --bas-data-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-175865df] {
  border: var(--bas-data-input-menu-border);
}
.bui-custom-select[data-v-175865df] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-175865df] .bui-input-label {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  text-align: left;
  margin-left: 0;
  justify-self: end;
  width: 10em;
}
.bui-custom-select[data-v-175865df] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-175865df] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-175865df] {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-175865df] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-175865df] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-175865df] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-175865df] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-175865df] .bas-highlight.bui-select-highlight::placeholder  {
    color: var(--bui-info-background-color) !important;
}

.cssBcasChartBlock[data-v-49c64a65] {
  width: 100%;
  height: 300px;
  border: 1px solid var(--bui-neutral-background-color);

  display: flex;
  gap: 1em;
  justify-content: space-between;
}
.cssBcasChart[data-v-49c64a65] {
  width: 48%;
  height: 90%;

  --card-chart-w: 100%;
  --card-chart-h: 100%;
  --card-chart-border: 0px solid black;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 20px;
  --card-chart-canvas-w: calc(100% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));
}
.cssBcasSummary[data-v-49c64a65] {
  width: 48%;
  height: 100%;

  padding: 1em;
}
.cssBcasSummaryTitle[data-v-49c64a65] {
  /*margin: 1em;*/
  font-size: 1.5em;
  font-weight: 700;
}
.cssBcasSummaryRow[data-v-49c64a65] {
  width: 100%;
  height: 5em;
  margin-top: 2em;

  display: flex;
  gap: 1em;
  justify-content: space-between;
}
.cssBcasSummaryBlock[data-v-49c64a65] {
  width: 48%;
  height: 5em;
}
.cssBcasNumber[data-v-49c64a65] {
  font-size: 1.5em;
  font-weight: 700;
}
.cssBcasText[data-v-49c64a65] {
  font-size: 1em;
  color: var(--bui-neutral-background-color);
}

.cssVars[data-v-cea1353d] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);

  --card-chart-w: 100%;
  --card-chart-h: 100%;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 40px;
  --card-chart-canvas-w: calc(55% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));

  --card-chart-legend-area-x: 270px;
  --card-chart-legend-area-y: 50px;
  --card-chart-legend-area-w: 200px;
  --card-chart-legend-area-h: 135px;

  --card-chart-legend-text-w: 200px;
}
.cssContainer[data-v-cea1353d] {
  position: relative;
  width: 100%;
  height: 100%;
}

.cssVars[data-v-655d06fa] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);

  --card-chart-w: 100%;
  --card-chart-h: 100%;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 40px;
  --card-chart-canvas-w: calc(55% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));

  --card-chart-legend-area-x: 270px;
  --card-chart-legend-area-y: 50px;
  --card-chart-legend-area-w: 200px;
  --card-chart-legend-area-h: 135px;

  --card-chart-legend-text-w: 200px;
}
.cssContainer[data-v-655d06fa] {
  position: relative;
  width: 100%;
  height: 100%;
}

.cssFullWidth[data-v-d14027cc] {
  padding: 0;
  width: 100%;
}
.cssToolBar[data-v-d14027cc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssToolBarGroup[data-v-d14027cc] {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.cssActionButtonContainer[data-v-d14027cc] {
  display: flex;
  gap: 0.5em;
}
.cssColumnMultiSelect[data-v-d14027cc] {
  color: var(--p-togglebutton-color);
  background: var(--p-togglebutton-background);
  border: 1px solid var(--p-togglebutton-border-color);

  padding: 0.75em 0.25em;
  border-radius: 0.25em;
  height: 46px;
}
.cssColumnMultiSelect[data-v-d14027cc]:hover {
  border: 1px solid var(--p-togglebutton-border-color);
  background: var(--p-togglebutton-hover-background);
  color: var(--p-togglebutton-hover-color);
}
.cssColumnMultiSelect[data-v-d14027cc] .p-multiselect-dropdown-icon {
  font-size: 1.25em;
}
.cssColumnMultiSelect[data-v-d14027cc] .bui-icon {
  font-size: 1.25em;
  border-radius: 0;
}
.cssColumnMultiSelect[data-v-d14027cc] .p-multiselect-label-container {
  display: none;
}

.cssCard[data-v-abafd081] {
  width: 500px;
  height: 200px;
}
.cssChartContainer[data-v-abafd081] {
  display: flex;
  justify-content: space-evenly;
}

.cssBasDataInputDarkModeVars[data-v-f7d96932] {
  --bas-data-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-f7d96932] {
  border: var(--bas-data-input-menu-border);
}
.bui-custom-select[data-v-f7d96932] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-f7d96932] .bui-input-label {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  text-align: left;
  margin-left: 0;
  justify-self: end;
  width: 4em;
}
.bui-custom-select[data-v-f7d96932] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-f7d96932] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-f7d96932] {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-f7d96932] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-f7d96932] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-f7d96932] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-f7d96932] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-f7d96932] .bas-highlight.bui-select-highlight::placeholder  {
    color: var(--bui-info-background-color) !important;
}


.cssVars[data-v-5498f631] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);

  --card-chart-w: 100%;
  --card-chart-h: 100%;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 40px;
  --card-chart-canvas-w: calc(55% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));

  --card-chart-legend-area-x: 270px;
  --card-chart-legend-area-y: 50px;
  --card-chart-legend-area-w: 200px;
  --card-chart-legend-area-h: 135px;

  --card-chart-legend-text-w: 200px;
}
.cssContainer[data-v-5498f631] {
  position: relative;
  width: 100%;
  height: 100%;
}

.cssVars[data-v-b7a59d7c] {
  --card-chart-w: var(--card-w, 100%);
  --card-chart-h: var(--card-h, 100%);
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);

  --card-chart-canvas-x: var(--card-canvas-x, 0px);
  --card-chart-canvas-y: var(--card-canvas-y, 40px);
  --card-chart-canvas-w: var(--card-canvas-w, calc(55% - 20px));
  --card-chart-canvas-h: var(
    --card-canvas-h,
    calc(100% - var(--card-chart-canvas-y))
  );

  --card-chart-legend-area-x: var(--card-legend-area-x, 270px);
  --card-chart-legend-area-y: var(--card-legend-area-y, 50px);
  --card-chart-legend-area-w: var(--card-legend-area-w, 200px);
  --card-chart-legend-area-h: var(--card-legend-area-h, 135px);

  --card-chart-legend-text-w: var(--card-legend-text-w, 200px);
}
.cssContainer[data-v-b7a59d7c] {
  position: relative;
  width: 100%;
  height: 100%;
}

.cssVars[data-v-96763e72] {
  --card-chart-border: var(
    --card-border,
    1px solid var(--bui-neutral-background-color)
  );
  --card-chart-border-radius: var(--card-border-radius, 10px);

  --card-chart-w: 100%;
  --card-chart-h: 100%;

  --card-chart-canvas-x: 0px;
  --card-chart-canvas-y: 20px;
  --card-chart-canvas-w: calc(100% - 20px);
  --card-chart-canvas-h: calc(100% - var(--card-chart-canvas-y));

  --card-chart-legend-area-x: 270px;
  --card-chart-legend-area-y: 50px;
  --card-chart-legend-area-w: 200px;
  --card-chart-legend-area-h: 135px;

  --card-chart-legend-text-w: 200px;
}
.cssContainer[data-v-96763e72] {
  position: relative;
  width: 100%;
  height: 100%;
}

.cssFullWidth[data-v-7e320fb8] {
  padding: 0;
  width: 100%;
}
.cssToolBar[data-v-7e320fb8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cssToolBarGroup[data-v-7e320fb8] {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.cssActionButtonContainer[data-v-7e320fb8] {
  display: flex;
  gap: 0.5em;
}
.cssColumnMultiSelect[data-v-7e320fb8] {
  color: var(--p-togglebutton-color);
  background: var(--p-togglebutton-background);
  border: 1px solid var(--p-togglebutton-border-color);

  padding: 0.75em 0.25em;
  border-radius: 0.25em;
  height: 46px;
}
.cssColumnMultiSelect[data-v-7e320fb8]:hover {
  border: 1px solid var(--p-togglebutton-border-color);
  background: var(--p-togglebutton-hover-background);
  color: var(--p-togglebutton-hover-color);
}
.cssColumnMultiSelect[data-v-7e320fb8] .p-multiselect-dropdown-icon {
  font-size: 1.25em;
}
.cssColumnMultiSelect[data-v-7e320fb8] .bui-icon {
  font-size: 1.25em;
  border-radius: 0;
}
.cssColumnMultiSelect[data-v-7e320fb8] .p-multiselect-label-container {
  display: none;
}

.cssCard[data-v-f57d2f97] {
  width: 500px;
  height: 200px;
}
.cssChart[data-v-f57d2f97] {
  width: 500px;
  height: 200px;
}
.cssChartContainer[data-v-f57d2f97] {
  display: flex;
  justify-content: space-evenly;
}

.errorHeader[data-v-f7b0fbda] {
    margin: 0 0 20px 0;
}
.errorContainer[data-v-f7b0fbda] {
    padding: 20px;
    position: absolute;
    width: 100vw;
    height: calc(100vh - var(--app-appbar-h));
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: var(--bui-base-background-color);
}

.signInHeader[data-v-720de02f] {
    margin: 0 0 20px 0;
}
.signInContainer[data-v-720de02f] {
    padding: 20px;
    position: absolute;
    width: 100vw;
    height: calc(100vh - var(--app-appbar-h));
    top: 0;
    left: 0;
    background-color: var(--bui-base-background-color);
}

.docContainer[data-v-d85aba93] {
    padding: 20px;
    position: absolute;
    width: 100vw;
    height: calc(100vh - var(--app-appbar-h));
    top: 0;
    left: 0;
    background-color: var(--bui-base-background-color);
}
.cssDocs[data-v-d85aba93] {
    max-width: 1200px;
    margin: auto;
}

.container[data-v-c26cf57b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msgContainer[data-v-c26cf57b] {
  display: flex;
  align-items: center;
  font-size: 3em;
  gap: 30px;
}


.cssPage[data-v-87cdbd3e] {
  overflow: hidden;
}
.cssSetting[data-v-87cdbd3e] {
  margin: 1em;
  min-width: 500px;
  width: 60%;
}
.cssTitle[data-v-87cdbd3e] {
  font-size: 1.25em;
}
.cssTitleIcon[data-v-87cdbd3e] {
  display: inline-block;
  vertical-align: text-top;
}
.cssSettingDetail[data-v-87cdbd3e] {
  margin: 1em;
  border: var(--bui-border-style) var(--bui-static-border-color);
  border-radius: var(--bui-border-radius);
}
.cssSettingItem[data-v-87cdbd3e] {
  padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
  display: flex;
  justify-content: space-between;
}
.cssSettingItem[data-v-87cdbd3e]:hover {
  color: var(--bui-hover-background-color);
  background-color: var(--bui-hover-foreground-color);
  border-radius: var(--bui-border-radius);
}
.cssItemDesc[data-v-87cdbd3e] {
  width: calc(100% - 10em);
  margin: auto;
}
.cssAction[data-v-87cdbd3e] {
  width: 20em;
  display: flex;
  justify-content: flex-end;
}
.cssSevSelect[data-v-87cdbd3e] {
    width: 8em;
    display: inline-block;
}
.cssStatusIcon[data-v-87cdbd3e] {
  display: inline-block;
  margin-left: 1em;
  margin-top: 7px;
  transition: visible;
}
.vueStatusIcon-enter-active[data-v-87cdbd3e],
.vueStatusIcon-leave-active[data-v-87cdbd3e] {
  transition: opacity 0.5s ease;
}
.vueStatusIcon-enter-from[data-v-87cdbd3e],
.vueStatusIcon-leave-to[data-v-87cdbd3e] {
  opacity: 0;
}
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('/assets/primeicons-DMOk5skT.eot');
    src: url('/assets/primeicons-DMOk5skT.eot?#iefix') format('embedded-opentype'), url('/assets/primeicons-C6QP2o4f.woff2') format('woff2'), url('/assets/primeicons-WjwUDZjB.woff') format('woff'), url('/assets/primeicons-MpK4pl85.ttf') format('truetype'), url('/assets/primeicons-Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.card[data-v-90239603] {
    background: #ffffff;
    padding: 2rem;
    border-radius: 10px;
    margin-bottom: 1rem;
}
.search-section[data-v-90239603] {
    margin-bottom: 1rem;
}
.search-input[data-v-90239603] {
    width: 100%;
    max-width: 400px;
}
.container[data-v-90239603] {
    display: flex;
    width: 100%;
    justify-content: center;
}
.metric-grid[data-v-90239603] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
    align-items: center;
}
.metric-card[data-v-90239603] {
    flex: 1 1 150px;
    text-align: center;
}
.top-clients-section[data-v-90239603] {
    margin-top: 2rem;
}
.top-clients-section h3[data-v-90239603] {
    margin-bottom: 1rem;
    color: var(--bui-base-foreground-color);
    font-size: 1.25rem;
    font-weight: 600;
}
.top-clients-row[data-v-90239603] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.client-item[data-v-90239603] {
    flex: 1 1 300px;
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}
.client-uid[data-v-90239603] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--bui-base-foreground-color);
    margin-bottom: 0.5rem;
}
.client-chips-row[data-v-90239603] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}
.client-state-chip.connected[data-v-90239603] {
    font-weight: 500;
    width: fit-content;
}
.client-state-chip.connected[data-v-90239603] {
    background-color: #d4edda;
    color: #155724;
}
.client-state-chip.disconnected[data-v-90239603] {
    background-color: #f8d7da;
    color: #721c24;
}
.client-connections[data-v-90239603], .client-uptime[data-v-90239603] {
    font-size: 0.875rem;
    color: #6c757d;
}
.network-info[data-v-90239603] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.dialog-header[data-v-90239603] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.dialog-title[data-v-90239603] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--bui-base-foreground-color);
}
.mqtt-version-inline[data-v-90239603] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.mqtt-version-label[data-v-90239603] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--bui-base-foreground-color);
}
.mqtt-version-badge[data-v-90239603] {
    font-size: 0.875rem;
    font-weight: 600;
}
.action-buttons[data-v-90239603] {
    display: flex;
    gap: 0 px;
    justify-content: flex-start;
    align-items: center;
    min-height: 2rem;
}
.button-slot[data-v-90239603] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.network-table[data-v-90239603] {
    width: 100%;
    border-collapse: collapse;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e9ecef;
}
.network-table tr[data-v-90239603] {
    border-bottom: 1px solid #e9ecef;
}
.network-table tr[data-v-90239603]:last-child {
    border-bottom: none;
}
.network-table tr[data-v-90239603]:nth-child(even) {
    background-color: #f8f9fa;
}
.network-table tr[data-v-90239603]:nth-child(odd) {
    background-color: #ffffff;
}
.metric-label[data-v-90239603] {
    font-weight: 600;
    color: var(--bui-base-foreground-color);
    padding: 0.75rem 1rem;
    text-align: left;
    min-width: 250px;
    vertical-align: top;
}
.metric-value[data-v-90239603] {
    padding: 0.75rem 1rem;
    text-align: right;
    font-family: 'Fira Code Local', monospace;
    color: var(--bui-base-foreground-color);
    vertical-align: top;
}

.bui-toolbar {
        display: flex;
        position: relative;
        column-gap: 0.25em;
        width: max-content;
}
.bui-toolbar-grouped {
        column-gap: 0;
}
.bui-toolbar .bui-input,
    .bui-toolbar .bui-button {
        margin: 0;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right) !important;
}
.bui-toolbar .bui-button.bui-shape-round {
        padding: var(--bui-padding-top-bottom) !important;
}
.bui-toolbar .bui-input:focus,
    .bui-toolbar .bui-button:focus {
        z-index: 1;
}
.bui-toolbar .bui-button,
    .bui-toolbar .bui-textbox {
        --bui-static-foreground-color: inherit;
        --bui-static-background-color: inherit;
        --bui-hover-foreground-color: inherit;
        --bui-hover-background-color: inherit;
        --bui-hover-border-color: inherit;
        --bui-focus-foreground-color: inherit;
        --bui-focus-background-color: inherit;
        --bui-focus-border-color: inherit;
        --bui-focus-shadow-color: inherit;
        --bui-active-foreground-color: inherit;
        --bui-active-background-color: inherit;
        --bui-active-border-color: inherit;
        --bui-muted-background-color: inherit;
        --bui-border-style: inhert;
        --bui-border-color: inherit;
        --bui-padding-top-bottom: 0.25em;
        --bui-padding-left-right: 0.25em;
}
.bui-toolbar .bui-textbox {
        border-color: var(--bui-border-color) !important;
        background-color: var(--bui-muted-color) !important;
}
.bui-toolbar ::placeholder {
        color: var(--bui-static-foreground-color);
        opacity: .6;
}

.bui-appbar {
        display: flex;
        position: sticky;
        justify-content: space-between;
        top: 0;
        left: 0;
        width: 100%;
        height: max-content;
        padding: var(--bui-padding-top-bottom) var(--bui-padding-left-right);
        z-index: 2000;
        background-color: var(--bui-static-background-color);
        color: var(--bui-static-foreground-color);
}
.bui-appbar-left-container {
        display: flex;
        align-items: center;
}
.bui-appbar-center-container {
        display: flex;
        align-items: center;
        column-gap: .5em;
}
.bui-appbar-right-container {
        display: flex;
        align-items: center;
}
.bui-appbar-navigation-button {
}
.bui-appbar-title {
        font-size: 1.1em;
        height: 1.1em;
        width: auto;
}
.bui-appbar-appTitle {
        padding-left: 0.25em;
        font-weight: bold;
        font-size: 1.1em;
        height: 1.1em;
        width: auto;
        color: var(--bui-static-foreground-color);
        text-decoration: none;
}
.bui-appbar-actions {
}
.bui-appbar-overflow-menu {
}

.bui-sidebar {
        display: flex;
        position: absolute;
        top: 0;
        width: max-content;
        height: 100%;
        flex-direction: column;
        color: var(--bui-static-foreground-color);
        background-color: var(--bui-static-background-color);
        z-index: 4;
        overflow-y: auto;
        transition: transform .25s;
}
.bui-sidebar-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        transition: background-color .25s ease;
        z-index: 2999;
}
.bui-sidebar-left {
        left: 0px;
}
.bui-sidebar-right {
        right: 0px;
}
.bui-sidebar-mask-enter-from,
    .bui-sidebar-mask-leave-to {
        background-color: transparent;
}
.bui-sidebar-left.bui-sidebar-enter-from,
    .bui-sidebar-left.bui-sidebar-leave-to {
        transform: translateX(-100%);
}
.bui-sidebar-right.bui-sidebar-enter-from,
    .bui-sidebar-right.bui-sidebar-leave-to {
        transform: translateX(100%);
}
.bui-sidebar-close-button {
        color: var(--bui-static-foreground-color);
        background-color: inherit;
        border: none;
        border-radius: 0;
}
.bui-sidebar-close-button:hover {
        background-color: var(--bui-hover-background-color);
}
.bui-sidebar-header {
        display: flex;
        align-items: center;
        justify-content: flex-end;
}
.bui-sidebar-menu {
        background-color: var(--bui-static-background-color);
        color: var(--bui-static-foreground-color);
}
.bui-sidebar-menu .bui-menu-item:hover:not(.bui-menu-item-selected) {
        color: var(--bui-hover-foreground-color);
        background-color: var(--bui-hover-background-color);
}
.bui-sidebar-menu .bui-menu-item:focus {
        border-radius: 0;
        box-shadow: none;
}
.bui-sidebar-menu .bui-menu-item:focus:not(.bui-menu-item-selected) {
        background-color: var(--bui-hover-background-color);
}


.cssDialogConfirmVars[data-v-e73c0bc6] {
  --dialog-w: var(--dialog-confirm-w, 50%);
  --dialog-h: var(--dialog-confirm-h, 70%);
  --dialog-bg: var(--dialog-confirm-bg, var(--bui-base-background-color));
  --dialog-corner: var(--dialog-confirm-corner, 10px);
}
.cssDialogConfirmDarkModeVars[data-v-e73c0bc6] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.bui-header-cell-sm[data-v-e73c0bc6] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.css-body-cell[data-v-e73c0bc6] {
    border-bottom: 1px solid #ddd;
}
.cssFlex[data-v-e73c0bc6] {
    display: flex;
}
.cssTable[data-v-e73c0bc6] {
    width: 100%;
}
.cssCardContainer[data-v-e73c0bc6] {
    padding: 5px;
}
.cssSideTop[data-v-e73c0bc6] {
    padding-left: 40px;
}
.cssCenterAlign[data-v-e73c0bc6] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-e73c0bc6] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-e73c0bc6] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-e73c0bc6] {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.4);
}
.cssFlexTopDown[data-v-e73c0bc6] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-e73c0bc6] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-e73c0bc6] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-e73c0bc6] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: var(--dialog-w);
  height: var(--dialog-h);

  background-color: var(--dialog-bg);
  border: var(--dialog-border-darkmode);
  border-radius: var(--dialog-corner);

  display: flex;
  flex-direction: column;
  gap: 12px;

  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
.css-plugins[data-v-e73c0bc6]{
    width: 50%;
}
.cssConfirmMessageBlock[data-v-e73c0bc6] {
  width: calc(var(--dialog-w) - 40px);
  height: calc(var(--dialog-h) - 110px);

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cssChartRow[data-v-e73c0bc6] {
    padding-bottom: 20px;
}
.cssCards[data-v-e73c0bc6] {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    //grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding: 0 0 1em 1em;
}
.cssNotLoaded[data-v-e73c0bc6] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.cssAppVars[data-v-0a75c4fa] {
  --app-appbar-h: 32px;
  --app-sidebar-w: 15em;
  --app-footer-h: 2.5em;
}
.cssApp[data-v-0a75c4fa] {
  width: 100%;
  height: 100vh;
}
.cssAppbar[data-v-0a75c4fa] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--app-appbar-h);
}
.cssBody[data-v-0a75c4fa] {
  position: relative;
  top: var(--app-appbar-h);
  left: 0;
  width: 100%;
  height: calc(100% - var(--app-appbar-h));
}
.cssContent[data-v-0a75c4fa] {
  position: relative;
  top: 0;
  padding: .5em .5em;
  height: calc(100% - var(--app-footer-h));
  overflow-y: scroll;
}
.cssSidebarTransition[data-v-0a75c4fa] {
  transition: width .25s, left .25s;
}
.cssWithoutSidebar[data-v-0a75c4fa] {
  width: 100%;
  left: 0px;
}
.cssWithSidebar[data-v-0a75c4fa] {
  width: calc(100% - var(--app-sidebar-w));
  left: var(--app-sidebar-w);
}
.cssFooter[data-v-0a75c4fa] {
  position: relative;
  bottom: 0px;
  height: var(--app-footer-h);
  padding: 10px;
  display: flex;
  background-color: var(--bui-neutral-foreground-color);
  align-self: flex-end;
  justify-content: space-between;
}


html {
  font-family:  -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                "Helvetica Neue",
                Arial,
                "Noto Sans",
                sans-serif,
                "Apple Color Emoji",
                "Segoe UI Emoji",
                "Segoe UI Symbol",
                "Noto Color Emoji";
}
.bui-row {
  display: inline-flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  align-items: center;
  padding-left: 1em;
  padding-bottom: .5em;
}
.bui-col {
  display: flex;
  flex-direction: column;
  grid-gap: .5em;
  align-items: flex-start;
  width: 70%;
}
.bui-appbar-title-icon {
  color: var(--bui-static-foreground-color);
  width: 20px;
}
.app-sidebar {
  position: fixed;
  top: var(--app-appbar-h);
  left: 0;
  width: var(--app-sidebar-w);
  height: calc(100% - var(--app-appbar-h));
}
.app-sidebar .bui-menu{
  min-width: unset;
}
.app-sidebar .bui-menu-item {
  border-left: 4px solid transparent;
}
.app-sidebar .bui-menu-item:hover:not(.bui-menu-item-selected) {
  border-left: 4px solid red;
}
.app-sidebar .bui-menu-item:focus:not(.bui-menu-item-selected) {
  margin-right: 4px;
}
.app-sidebar .bui-menu-item:active:not(.bui-menu-item-selected) {
  border-left: 4px solid red;
  margin-right: 4px;
}
.app-sidebar .bui-menu-item-selected {
  border-left: 4px solid red;
}