.cssAzureMapContainer[data-v-9061510a] {
  height: 100%;
}

.cssMapPopup {
  padding: 1em;
}
.cssWeatherTimestamp {
    float: right;
}
.cssMapPopupDevice:hover {
  background-color: rgb(214, 232, 244);
}
.cssMapPopupDevice {
  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-829d44c8] {
  --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-829d44c8] {
  --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-829d44c8] {
  position: relative;
  width: var(--card-w);
  height: var(--card-h);
  border: var(--card-border);
  border-radius: var(--card-border-radius);
}
.cssCardChartTitle[data-v-829d44c8] {
  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-829d44c8] {
  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-829d44c8] {
  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-829d44c8] {
  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-829d44c8] {
  display: flex;
  align-items: flex-start;
}
.cssCardChartLegendColorBox[data-v-829d44c8] {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.cssCardChartLegendColorBox0[data-v-829d44c8] {
  background-color: var(--legend-color-box-0);
}
.cssCardChartLegendColorBox1[data-v-829d44c8] {
  background-color: var(--legend-color-box-1);
}
.cssCardChartLegendColorBox2[data-v-829d44c8] {
  background-color: var(--legend-color-box-2);
}
.cssCardChartLegendColorBox3[data-v-829d44c8] {
  background-color: var(--legend-color-box-3);
}
.cssCardChartLegendColorBox4[data-v-829d44c8] {
  background-color: var(--legend-color-box-4);
}
.cssCardChartLegendText[data-v-829d44c8] {
  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-829d44c8] {
  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-829d44c8]:link,
a[data-v-829d44c8]:visited {
  text-decoration: none;
  color:inherit;
}
a[data-v-829d44c8]:hover,
a[data-v-829d44c8]:active {
  text-decoration: underline;
}
.cssCardChartLoadingIcon[data-v-829d44c8] {
  position: absolute;
  left: calc(var(--card-w) - 25px);
  top: calc(var(--card-h) - 25px);
  width: 20px;
  height: 20px;
  animation: spinAnimation-829d44c8 2s infinite linear;
}
@keyframes spinAnimation-829d44c8 {
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-0cf1e928] {
  --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-0cf1e928] {
  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-5292ca4c] {
  --bas-device-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-5292ca4c] {
  border: var(--bas-device-input-menu-border);
}
.bui-custom-select[data-v-5292ca4c] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-5292ca4c] .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-5292ca4c] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-5292ca4c] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-5292ca4c] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-5292ca4c] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-5292ca4c] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-5292ca4c] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-5292ca4c] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-5292ca4c] .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-cefbf7e0] {
    display: flex;
    width: 100%;
    justify-content: center;
}
.top-item[data-v-cefbf7e0] {
    width: 100%;
    max-width: 1920px;
    padding-left: 0px;
    padding-right: 0px;
    gap: 16px;
}
.card-chart[data-v-cefbf7e0] {
    --card-chart-border: var(--bui-border-style) var(--bui-neutral-background-color);
}
.row[data-v-cefbf7e0] {
    padding: 0px;
    gap: 20px;
    align-items: flex-start;
}
.col[data-v-cefbf7e0] {
    padding: 0px;
    gap: 20px;
}
.cssVarDeviceTotalChart[data-v-cefbf7e0] {
    --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-cefbf7e0] {
    width: 100%;
    height: 640px;
    border: var(--card-chart-border);
}
.cssMapTitleBar[data-v-cefbf7e0] {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    padding: 0px 5px;
    align-items: center;
}
.cssMapTitleControls[data-v-cefbf7e0] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.cssMapTitleText[data-v-cefbf7e0] {
    position: relative;
    left: 5px;
    width: 300px;
    height: 20px;
    font: 600 16px Verdana;
}
.cssMap[data-v-cefbf7e0] {
    height: 608px;
}
.cssOfflineByModelChart[data-v-cefbf7e0] {
  --card-chart-canvas-x: 90px;
  --card-chart-canvas-w: 280px;
  --legend-area-h: 78px;
  --legend-text-w: 90px;
  --legend-gap: 11px;
}
.cssBcasChart[data-v-cefbf7e0] {
  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-cefbf7e0] {
  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-cefbf7e0] {
  width: 500px;
  height: 200px;
}
.cssChartCard[data-v-cefbf7e0] {
  --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;
}

.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);}
}


.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;
}
}

.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);
}

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


.cssProductRow {
    display: inline-block;
}
.cssProductIcon {
    font-size: 1.25em;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.Connected {
  /* color: green; */
}
.Disconnected {
  /* color: #900C3F; */
}


.mapModal[data-v-e5fe57bf] {
  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-e5fe57bf] {
  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-e5fe57bf] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mapInputDialog[data-v-e5fe57bf] {
  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-e5fe57bf] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
.mapInputPrompt[data-v-e5fe57bf] {
  font-size: 16px;
  margin-bottom: 5px;
}
#domAppInputContainer[data-v-e5fe57bf] {
  width: 70%;
  padding: 5px 0;
  margin-right: 10px;
}
.mapAddrInput[data-v-e5fe57bf] {
  font-size: 18px;
  width: 97%;
  background-color: var(--bui-static-foreground-color);
}
.mapInputButton[data-v-e5fe57bf] {
  display: flex;
  font-size: 18px;
  margin-right: 10px;
}
.cssSuggestContainerOuter[data-v-e5fe57bf] {
  position: absolute;
  padding-left: 2px;
  padding-top: 2px;
}
.cssSuggestContainerInner[data-v-e5fe57bf] {
  position: absolute;
  min-width: 500px;
}
.cssSuggest[data-v-e5fe57bf] {
  padding: 0.25em 1em;
  color: var(--bui-static-background-color);
  background-color: var(--bui-static-foreground-color);
  cursor: pointer;
}
.cssSuggest[data-v-e5fe57bf]: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-ef692c38] {
  --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-ef692c38] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-ef692c38] {
  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-ef692c38] {
  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-ef692c38] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cssFlexTopDown[data-v-ef692c38] {
  display: flex;
  flex-direction: column;
}
.cssFlexAlignRight[data-v-ef692c38] {
  align-items: flex-end;
}
.cssProductDevice[data-v-ef692c38] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDeviceId[data-v-ef692c38] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssDateTime[data-v-ef692c38], .cssConnectionReason[data-v-ef692c38] {
  font-size: 14px;
  height: 14px;
  margin-top: 3px;
}
.cssRowConnection[data-v-ef692c38] {
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssConnected[data-v-ef692c38] {
  /* color: green; */
  color: var(--bui-base-foreground-color);
}
.cssDisconnected[data-v-ef692c38] {
  /* color: #900C3F; */
  color: var(--bui-base-foreground-color);
}
.cssRowMain[data-v-ef692c38] {
  height: 300px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.cssDeviceChart[data-v-ef692c38] {
  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-ef692c38] {
  width: 300px;
  height: 100%;
}
.cssDeviceField[data-v-ef692c38] {
  height: 80px;
}
.cssDeviceFieldLabel[data-v-ef692c38] {
  font-size: 1rem;
  margin-bottom: 5px;
  color: var(--bui-neutral-background-color);
}
.cssUpdateIcon[data-v-ef692c38] {
  display: inline;
  height: 1rem;
  color: var(--bui-neutral-background-color);
}
.cssUpdateDevice[data-v-ef692c38] {
  margin-left: 10px;
  display: inline;
  height: 1rem;
  font-style: italic;
}
.cssBottomRow[data-v-ef692c38] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cssUpdateDeviceBlock[data-v-ef692c38] {
  cursor: pointer;
}
.cssUpdateDeviceProfileIcon[data-v-ef692c38] {
  width: 14px;
  height: 14px;
  display: inline-block;
  color: var(--bui-neutral-background-color);
}
.cssUpdateDeviceProfileLabel[data-v-ef692c38] {
  font-style: italic;
  margin-left: 3px;
  color: var(--bui-static-background-color);
}
.cssButtonSet[data-v-ef692c38] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-right: 10px;
}
.cssMessageBlock[data-v-ef692c38] {
  display: flex;
  align-items: center;
  height: 1rem;
  gap: 10px;
  width: 500px;
}
.cssMessageIcon[data-v-ef692c38] {
  width: 24px;
  height: 24px;
}
.cssMessage[data-v-ef692c38] {
  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-1856c996] {
  height: 33px;
}
a[data-v-1856c996]:link, a[data-v-1856c996]:visited, a[data-v-1856c996]:hover, a[data-v-1856c996]:active {
  text-decoration: none;
}
.cssDeviceExportStatus[data-v-1856c996] {
    --dialog-info-h: 200px;
}
.cssDeviceChart[data-v-1856c996] {
  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));
}


.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-2c22bff5] {
  --bas-data-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-2c22bff5] {
  border: var(--bas-data-input-menu-border);
}
.bui-custom-select[data-v-2c22bff5] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-2c22bff5] .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-2c22bff5] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-2c22bff5] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-2c22bff5] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-2c22bff5] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-2c22bff5] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-2c22bff5] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-2c22bff5] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-2c22bff5] .bas-highlight.bui-select-highlight::placeholder  {
    color: var(--bui-info-background-color) !important;
}



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


.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-eb754db2] {
  --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-eb754db2] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssTelemetryChart[data-v-eb754db2] {
     --legend-area-x: 820px;
}
.cssModal[data-v-eb754db2] {
  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-eb754db2] {
  display: flex;
  flex-direction: column;
}
.cssFlexLeftRight[data-v-eb754db2] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cssDialog[data-v-eb754db2] {
  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-eb754db2] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDeviceId[data-v-eb754db2] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssTelemetryName[data-v-eb754db2] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDateTime[data-v-eb754db2] {
  height: 20px;
}
.cssTelemetryChart[data-v-eb754db2] {
  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-eb754db2] {
  height: 425px;
}
.cssTelemetryDataLabel[data-v-eb754db2] {
  margin-bottom: 5px;
}
.cssTelemetryData[data-v-eb754db2] {
  height: 325px;
  border: 1px solid var(--bui-neutral-background-color);
  border-radius: 10px;
  overflow: auto;
  padding-top: 15px;
  padding-left: 15px;
}
.cssDataViewer[data-v-eb754db2] {
  --bui-json-container-width: 600px;
}
.cssBottomRow[data-v-eb754db2] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cssDownloadBlock[data-v-eb754db2]:hover {
  cursor: pointer;
}
.cssDownloadIcon[data-v-eb754db2] {
  width: 14px;
  height: 14px;
  display: inline-block;
  color: var(--bui-neutral-background-color);
}
.cssDownloadMsg[data-v-eb754db2] {
  font-style: italic;
  margin-left: 10px;
  color: var(--bui-static-background-color);
}
.cssButtonSet[data-v-eb754db2] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-right: 10px;
}


.cssButton[data-v-850c9949] {
  height: 33px;
}
.cssTelemetryExportStatus[data-v-850c9949] {
    --dialog-info-h: 200px;
}
a[data-v-850c9949]:link, a[data-v-850c9949]:visited, a[data-v-850c9949]:hover, a[data-v-850c9949]:active {
  text-decoration: none;
}
.cssTelemetryChart[data-v-850c9949] {
  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-d072a724] {
  --bas-insight-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-d072a724] {
  border: var(--bas-insight-input-menu-border);
}
.bui-custom-select[data-v-d072a724] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-d072a724] .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-d072a724] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-d072a724] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-d072a724] {
  display: flex;
  flex-direction: column;
  row-gap: .5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-d072a724] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-d072a724] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-d072a724] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-d072a724] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-d072a724] .bas-highlight.bui-select-highlight::placeholder  {
    color: var(--bui-info-background-color) !important;
}


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

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


.Resolved {
  /* color: green; */
}
.Unresolved {
  /* color: #900C3F; */
}


.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-1a2f0112] {
  --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-1a2f0112] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-1a2f0112] {
  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-1a2f0112] {
  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-1a2f0112] {
  display: flex;
  flex-direction: row;
}
.cssFlexTopDown[data-v-1a2f0112] {
  display: flex;
  flex-direction: column;
}
.cssFlexAlignRight[data-v-1a2f0112] {
  align-items: flex-end;
}
.cssDialogHeight[data-v-1a2f0112] {
  height: var(--dialog-h);
}
.cssDialogHeightFull[data-v-1a2f0112] {
  height: calc(var(--dialog-h) + var(--dialog-metadata-height) - 12px);
}
.cssTransitionHeight[data-v-1a2f0112] {
  transition: height .3s;
}
.cssSpaceBetween[data-v-1a2f0112] {
  justify-content: space-between;
}
.cssInsightTitle[data-v-1a2f0112] {
  font-size: 18px;
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssDeviceId[data-v-1a2f0112] {
  font-size: 14px;
  height: 20px;
  margin-top: 5px;
}
.cssDateTime[data-v-1a2f0112] {
  height: 20px;
  margin-top: 5px;
}
.cssRowResolveState[data-v-1a2f0112] {
  height: 20px;
  font-weight: var(--dialog-text-semi-bold);
}
.cssResolved[data-v-1a2f0112] {
  /* color: green; */
  color: var(--bui-base-foreground-color);
}
.cssUnresolved[data-v-1a2f0112] {
  /* color: #900C3F; */
  color: var(--bui-base-foreground-color);
}
.cssRowMain[data-v-1a2f0112] {
  height: 350px;
  gap: 20px;
}
.cssInsightChart[data-v-1a2f0112] {
  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-1a2f0112] {
  --card-chart-canvas-w: calc(100% - 10px);
}
.cssInsightFields[data-v-1a2f0112] {
  width: 500px;
  height: 100%;
}
.cssInsightFieldIssue[data-v-1a2f0112] {
  width: 360px;
}
.cssInsightFieldSeverity[data-v-1a2f0112] {
  width: 120px;
}
.cssInsightFieldTime[data-v-1a2f0112] {
  width: 240px;
}
.cssInsightFieldLabel[data-v-1a2f0112] {
  font-size: 1rem;
  margin-bottom: 5px;
  color: var(--bui-neutral-background-color);
}
.cssMetadataLabel[data-v-1a2f0112] {
  font-style: italic;
  color: var(--bui-static-background-color);
}
.cssMetadataLabel[data-v-1a2f0112]:hover {
  cursor: pointer;
}
.cssMetadataBlockHide[data-v-1a2f0112] {
  height: 0px;
  visibility: hidden;
}
.cssMetadataBlockShow[data-v-1a2f0112] {
  height: calc(var(--dialog-metadata-height) - 34px);
}
.cssInsightMetadata[data-v-1a2f0112] {
  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-1a2f0112] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.cssBottomLeft[data-v-1a2f0112]{
    display: flex;
    align-items: center;
}
.cssButtonSet[data-v-1a2f0112] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-right: 10px;
}
.cssMessageBlock[data-v-1a2f0112] {
  display: flex;
  align-items: center;
  height: 1rem;
  gap: 10px;
  width: 500px;
  padding-left: 20px;
}
.cssMessageIcon[data-v-1a2f0112] {
  width: 24px;
  height: 24px;
}
.cssMessage[data-v-1a2f0112] {
  font-size: inherit;
}


.cssButton[data-v-5fb376ad] {
  height: 33px;
}
a[data-v-5fb376ad]:link,
a[data-v-5fb376ad]:visited,
a[data-v-5fb376ad]:hover,
a[data-v-5fb376ad]:active {
  text-decoration: none;
}
.cssMap[data-v-5fb376ad] {
    height: 100%;
    width: 100%;
    min-height: 400px;
    min-width: 400px;
}
.cssMapContainer[data-v-5fb376ad] {
    width: 100%;
}
.cssMapIcon[data-v-5fb376ad] {
    font-size: 2em;
}
.cssInsightExportStatus[data-v-5fb376ad] {
    --dialog-info-h: 200px;
}
.cssChartContainer[data-v-5fb376ad] {
  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;
}


#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));
}


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


.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;
}


.all-width[data-v-e648f0c2] {
  padding: 0px;
  width: 100%;
}
.align-right[data-v-e648f0c2] {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
a[data-v-e648f0c2]:link, a[data-v-e648f0c2]:visited, a[data-v-e648f0c2]:hover, a[data-v-e648f0c2]:active {
  text-decoration: none;
}
.cssButton[data-v-e648f0c2] {
  height: 33px;
}

/* Portions of this code may have been modified by generative ai. */
.cssDialogMsg[data-v-e648f0c2] {
  font-size: 18pt;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.cssDialogMainText[data-v-e648f0c2] {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.cssDialogWarning[data-v-e648f0c2] {
  padding-top: 0.5em;
  font-size: 14pt;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.cssProduct[data-v-e648f0c2] {
  font-style: italic;
  font-weight: 600;
  word-break: break-word;
}
.cssProfile[data-v-e648f0c2] {
  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-1d18bcda] {
  --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-1d18bcda] {
  margin-top: 20px;
  font-size: 18pt;
  font-weight: var(--font-weight-semi-bold);
}
.cssButtonRow[data-v-1d18bcda] {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px;
}
.cssContainer[data-v-1d18bcda] {
  margin-left: 100px;
  padding: 10px 0px;
}
.cssRow[data-v-1d18bcda] {
  margin-top: 20px;
  margin-bottom: 20px;
  width: var(--property-width);
}
.cssPropertyLabel[data-v-1d18bcda] {
  display: block;
  width: 170px;
  margin-bottom: 10px;
  font-weight: var(--font-weight-semi-bold);
}
.cssPropertyValue[data-v-1d18bcda] {
  display: block;
  width: var(--property-width);
}
.cssReadOnly[data-v-1d18bcda] {
  padding-left: 40px;
  border-bottom: 2px solid #DDD;
}
.cssNullValue[data-v-1d18bcda] {
  font-family: monospace;
  color: #CCC;
}
.cssButtonsFlexContainer[data-v-1d18bcda] {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
.cssTextbox[data-v-1d18bcda] {
  display: block;
  width: var(--property-width);
}
.cssMessage[data-v-1d18bcda] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 600px;
}
.cssActionIcon[data-v-1d18bcda] {
  width: 24px;
  height: 24px;
}
.cssActionMessage[data-v-1d18bcda] {
  font-size: inherit;
}
a[data-v-1d18bcda]:link, a[data-v-1d18bcda]:visited, a[data-v-1d18bcda]:hover, a[data-v-1d18bcda]:active {
  text-decoration: none;
}
.cssScrollContainer[data-v-1d18bcda] {
  /* 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-5e5c6c3b] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
}
.cssContainer[data-v-5e5c6c3b] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-5e5c6c3b] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-5e5c6c3b] {
  width: var(--table-key-width);
}

.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-5ef6be42] {
  --table-padding: var(--av-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--av-table-key-width, 45%);
}
.cssContainer[data-v-5ef6be42] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-5ef6be42] {
  width: 100%;
  padding: var(--table-padding);
}
.cssRowKey[data-v-5ef6be42] {
  width: var(--table-key-width);
}
.cssRowValue[data-v-5ef6be42] {
}
.cssGradientBar[data-v-5ef6be42] {
  --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-5ef6be42] {
  position: absolute;
  left: 10px;
  line-height: var(--bar-height);
  color: white;
}

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

  --gradient-bar-height: 1.3em;
}
.cssContainer[data-v-a6bc4355] {
  width: 100%;
  height: 100%;
}
.cssContentContainer[data-v-a6bc4355] {
    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-a6bc4355] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.cssPopOutValue[data-v-a6bc4355] {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 0.2em;
}
.cssCpuMainBar[data-v-a6bc4355] {
  --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-a6bc4355] {
  --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-a6bc4355] {
  --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-a6bc4355] {
  height: 0.5em;
  border-color: rgb(240, 240, 240);
  border-width: 2px;
  margin: 0.5em 0em 1em 0em;
}
.cssBar[data-v-a6bc4355] {
  --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);
}

.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);
}
}

.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;
}

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


.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;
}

.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-a1014cea] {
  display: flex;
  gap: 1rem;
  flex-direction: column;

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

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

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

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

.cssChartBlock[data-v-90ba5a12] {
  width: 100%;
  height: 100%;

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

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

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

  width: 100%;
  height: 100%;
}
.cssCenterMiddle[data-v-92ae7ad7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cssWarnMessage[data-v-92ae7ad7] {
  /* 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-92ae7ad7] {
  flex: 0 1 auto;

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

.cssDialogVars[data-v-a1a44bec] {
  --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-a1a44bec] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssModal[data-v-a1a44bec] {
  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-a1a44bec] {
  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-a1a44bec] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssContainer[data-v-a1a44bec] .cssCardHeader {
  height: 3rem;
}
.cssContentContainer[data-v-a1a44bec] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cssTabRow[data-v-a1a44bec] {
  flex: 0 1 auto;
}
.cssTabContent[data-v-a1a44bec] {
  width: 100%;
  overflow: scroll;
  flex: 1 1 auto;
}
.cssTabContent[data-v-a1a44bec] .bui-tab-container {
  height: 100%;
}
.cssBphyTabs[data-v-a1a44bec] .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-872b1b2f] {
  --separate-border-line: 2px solid rgb(200, 200, 200);
}
.cssContainer[data-v-872b1b2f] {
  width: 100%;
  height: 100%;
}
.cssWifiFlex[data-v-872b1b2f] {
  display: flex;
  gap: var(--column-gap);
  width: 100%;
  height: 200px;
}
.cssBPhyChipPowerSnr[data-v-872b1b2f] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  width: 100%;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.cssSatelliteInfo[data-v-872b1b2f] {
  padding: 0rem 1rem;
  font-weight: bolder;
  height: 1rem;
}
.cssBPhyChannelInfo[data-v-872b1b2f] {
  width: 100%;
  padding: 0.5rem 1rem 0 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.cssBPhyChannelInfoLeftHalf[data-v-872b1b2f] {
  width: 45%;
}
.cssTable[data-v-872b1b2f] {
  width: 100%;
}
.cssBPhyChannelInfoRightHalf[data-v-872b1b2f] {
  border-left: var(--separate-border-line);
  width: 55%;
  padding-left: 0.5rem;
}
.cssBPhyChannelInfoRightItem[data-v-872b1b2f] {
  padding: 0 0.5rem;
  margin-bottom: 0.25rem;
}
.cssBPhyChannelInfoRightItemLast[data-v-872b1b2f] {
  padding: 0 0.5rem;
}
.cssStatusIcon[data-v-872b1b2f] {
  display: inline-block;
  vertical-align: text-bottom;
}
.cssStatus[data-v-872b1b2f] {
  display: inline-block;
  padding-left: 0.5rem;
  margin-right: 1.5rem;
}
.cssGradientInfo[data-v-872b1b2f] {
  display: flex;
  justify-content: space-between;
}
.cssGradientValue[data-v-872b1b2f] {
  font-weight: bolder;
}
.cssPowerBar[data-v-872b1b2f] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: rgb(152, 6, 6);
  height: 1em;
}
.cssSnrBar[data-v-872b1b2f] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: rgb(0, 92, 138);
  height: 1em;
}
.cssBPhyChannelInfoRightLine[data-v-872b1b2f] {
  width: 100%;
  height: 0;
  border-bottom: var(--separate-border-line);
  margin: 0.5rem 0 0.25rem 0;
}
.cssBPhyConfig[data-v-872b1b2f] {
  padding: 0.5rem 1rem;

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

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

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

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

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

  display: flex;
  justify-content: space-around;
}
.cssCenterMiddle[data-v-7d2c86a5] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cssWarnMessage[data-v-7d2c86a5] {
  /* 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-7d2c86a5] {
  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-22760d28] {
  --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-22760d28] {
  width: 100%;
  height: 100%;
}
.cssContentContainer[data-v-22760d28] {
  width: 100%;
  padding: var(--content-padding);

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

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

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

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

.cssVars[data-v-a6abad40] {
  --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-a6abad40] {
    padding: 0em 1em 1em 1em;
    height: 100%;
}
.donutContainer[data-v-a6abad40] {
    height: 100%;
}
.donut[data-v-a6abad40] {
    height: 100%;
    width: 50%;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}
.textOverlay[data-v-a6abad40] {
    text-align: center;
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cssVarsBuiGauge[data-v-a6abad40] {
  --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-a6abad40] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  width: 100%;
  height: 100%;
  display: inline-block;
}
.cssContainer[data-v-a6abad40] {
  width: 100%;
  height: 100%;
}
.testGraph2[data-v-a6abad40] {
    width: 100%;
    height: 200px;
}
.cssTable[data-v-a6abad40] {
  width: 100%;
  padding: var(--table-padding);
}
.cssStorageFlex[data-v-a6abad40] {
  display: flex;
  gap: var(--column-gap);
}
.cssModelInfo[data-v-a6abad40] {
    padding: 10px;
}
.cssPowerOnHoursInfo[data-v-a6abad40] {
    border-left: 2px solid rgb(200, 200, 200);
    padding: 10px;
}
.cssRowKey[data-v-a6abad40] {
  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-277eb47e] {
  --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-277eb47e] {
  width: 100%;
  height: 100%;
}
.cssBtCardContainer[data-v-277eb47e] {
  padding: 0em 1em 1em 1em;
}
.cssBtName[data-v-277eb47e] {
  padding-bottom: 0.5em;
}
.cssBtFlex[data-v-277eb47e] {
  display: flex;
  gap: var(--column-gap);
}
.cssColumnBattery[data-v-277eb47e] {
  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-277eb47e] {
  width: 25px;
  height: 70px;
}
.cssBatteryValue[data-v-277eb47e] {
  font-size: 1em;
  font-weight: bold;
}
.cssColumnStatus[data-v-277eb47e] {
  width: var(--column-status-w);
  height: var(--column-height);

  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.cssStatusIcon[data-v-277eb47e] {
  display: inline;
  font-size: 1.4em;
  vertical-align: top;
}
.cssStatusText[data-v-277eb47e] {
  font-weight: bolder;
  margin-left: 0.5em;
}
.cssColumnInfo[data-v-277eb47e] {
  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-277eb47e] {
  font-weight: bolder;
  margin-top: 0.3em;
}
.cssRssiInfo[data-v-277eb47e] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2em;
}
.cssRssiValue[data-v-277eb47e] {
  font-weight: bolder;
}
.cssBar[data-v-277eb47e] {
  --bui-gradient-bar-bg: rgb(226, 227, 228);
  --bui-gradient-bar-fg: rgb(0, 92, 138);
  height: 1em;
}
.cssSeparator[data-v-277eb47e] {
  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-71d25411] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 45%);
  --column-gap: 5px;
}
.textOverlay[data-v-71d25411] {
    text-align: center;
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cssContainer[data-v-71d25411] {
  width: 100%;
  height: 100%;
}
.cssInsightTable[data-v-71d25411] {
    font-size: 13px;
    width: 100%;
    padding: 0em 1em 1em 1em;
}
.cssTable[data-v-71d25411] {
  width: 100%;
  padding: var(--table-padding);
}
.cssTimeSelect[data-v-71d25411] {
    width: 170px;
}
.cssInsightsSpinner[data-v-71d25411] {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0, 0.03);
}
.cssInsightIssueName[data-v-71d25411] {
    max-width: 130px;
    word-break: break-all;
}
.cssInsightRow[data-v-71d25411] {
    border-bottom: 1px solid black;
}
.cssRowKey[data-v-71d25411] {
  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-8f80e684] {
  --table-padding: var(--hdmi-table-padding, 0em 1em 1em 1em);
  --table-key-width: var(--hdmi-table-key-width, 75%);
}
.cssContainer[data-v-8f80e684] {
  width: 100%;
  height: 100%;
}
.cssTable[data-v-8f80e684] {
  width: 100%;
  padding: var(--table-padding);
}
.bas-reboots-table th[data-v-8f80e684] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTimeSelect[data-v-8f80e684] {
  width: 170px;
}
.cssRowKey[data-v-8f80e684] {
  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-fa2bd589] {
    --dialog-bspeed-w: 800px;
    --dialog-bspeed-options-w: 80%;
    --dialog-bspeed-options-margin-left: 10%;
}
.cssDialogConfirmVars[data-v-fa2bd589] {
  --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-fa2bd589] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-fa2bd589] {
    display: flex;
}
.cssSideTop[data-v-fa2bd589] {
    padding-left: 40px;
}
.cssCenterAlign[data-v-fa2bd589] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-fa2bd589] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-fa2bd589] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-fa2bd589] {
  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-fa2bd589] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-fa2bd589] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-fa2bd589] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-fa2bd589] {
  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-fa2bd589] {
  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-fa2bd589] {
    padding-bottom: 20px;
}
.cssBspeedCheckbox[data-v-fa2bd589]{
    padding-left: 20px;
}
.cssBottomRow[data-v-fa2bd589] {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.cssVarsBuiGauge[data-v-fa2bd589] {
  --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-fa2bd589] {
    width: var(--dialog-bspeed-options-w);
    margin-left: var(--dialog-bspeed-options-margin-left);
}
.cssBuiGauge[data-v-fa2bd589] {
  width: var(--gauge-w);
  height: var(--gauge-h);
  position: relative;
  margin-left: 20px;
}
.cssBuiGaugeLabel_0[data-v-fa2bd589] {
  position: absolute;

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

  text-align: center;
}
.cssBuiGaugeValue[data-v-fa2bd589] {
  font-size: 1em;
  font-weight: bold;
}
.cssValueText[data-v-fa2bd589] {
  font-weight: bolder;
  margin-top: 0.3em;
}
.cssBuiGaugeUnit[data-v-fa2bd589] {
  font-size: 1em;
  font-weight: lighter;
}
.cssLineChart[data-v-fa2bd589] {
    height: 60px;
    width: 200px;
}
.cssGradientBar[data-v-fa2bd589] {
  --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-fa2bd589] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssTable[data-v-fa2bd589] {
  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-e0d911e6] {
  --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-e0d911e6] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-e0d911e6] {
    display: flex;
}
.cssCardContainer[data-v-e0d911e6] {
    padding: 5px;
}
.cssSideTop[data-v-e0d911e6] {
    padding-left: 40px;
}
.cssCards[data-v-e0d911e6] {
    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-e0d911e6] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-e0d911e6] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-e0d911e6] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-e0d911e6] {
  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-e0d911e6] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-e0d911e6] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-e0d911e6] {
  display: flex;
  flex-direction: row;
}
.cssNotLoaded[data-v-e0d911e6] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssDialog[data-v-e0d911e6] {
  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-e0d911e6] {
  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-e0d911e6] {
    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;
}


.cssVars[data-v-886296be] {
  --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-886296be] {
  position: relative;
  width: 100%;
  height: 100%;
}
.cssFull[data-v-886296be] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cssToDivCenter[data-v-886296be] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cssOptionBox[data-v-886296be] {
  border-radius: var(--border-radius);
  background-color: var(--mask-bg);
}
.cssSemiFull[data-v-886296be] {
  position: absolute;
  left: 0;
  top: var(--overlay-y);
  width: 100%;
  height: calc(100% - var(--overlay-y));
}
.cssHoverDetect[data-v-886296be] {
  opacity: 0;
}
.cssHoverDetect[data-v-886296be]:hover {
  opacity: 1;
}
.cssIconBox[data-v-886296be] {
  position: absolute;
  right: 0;
  top: calc(0px - var(--overlay-y));
  padding: 0.5rem 0.25rem;
  gap: 0.5rem;
}
.cssErrorBox[data-v-886296be] {
  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-886296be] {
  font-size: 1.5rem;
  color: var(--bui-static-foreground-color);
}

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

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

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

.cssDialogConfirmVars[data-v-5134e35f] {
  --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-5134e35f] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.cssFlex[data-v-5134e35f] {
    display: flex;
}
.bui-header-cell-sm[data-v-5134e35f] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.cssCardContainer[data-v-5134e35f] {
    padding: 5px;
}
.cssSideTop[data-v-5134e35f] {
    padding-left: 40px;
}
.cssNotLoaded[data-v-5134e35f] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cssDialogContent[data-v-5134e35f] {
  width: 100%;
  padding: 0 1em 1em 1em;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2em;
}
.cssCenterAlign[data-v-5134e35f] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-5134e35f] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-5134e35f] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-5134e35f] {
  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-5134e35f] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-5134e35f] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-5134e35f] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-5134e35f] {
  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);
}
.systemGraph[data-v-5134e35f] {
    width: 49%;
    height: 280px;
}
.pmicDataCol[data-v-5134e35f] {
    width: calc(33% - 2em);
    height: 280px;
    display: inline-block;
    margin-left: 1em;
}
.pmicTable[data-v-5134e35f] {
    width: 90%;
}
.pmicTable2[data-v-5134e35f] {
    width: 60%;
}
.sensorTable[data-v-5134e35f] {
    width: 100%;
    display: inline-block;
    padding-left: 1em;
}
.cssConfirmMessageBlock[data-v-5134e35f] {
  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-5134e35f] {
    padding-bottom: 20px;
}
.cssCardChart[data-v-5134e35f] {
    height: 100%;
    width: 100%;
}
.cssCards[data-v-5134e35f] {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}
.cssChartTitle[data-v-5134e35f] {
  font-size: 1.1em;
  font-weight: bold;
  display: flex;
  padding-left: 2em;
  justify-content: space-between;
  width: 100%;
}

.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;
}


.cssBThereContainer[data-v-ee5feeff] {
  width: 100%;
}
.cssBlur[data-v-ee5feeff] {
    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-ee5feeff] {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -10;
}
.cssLoadingImageContainer[data-v-ee5feeff] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.ssLoadingImage[data-v-ee5feeff] {
    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);
}

.cssBlur[data-v-00e61349] {
        width: 100vw;
        height: 100vh;
        position: fixed;
        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);
}
.dashboard-hide[data-v-00e61349] {
        visibility: hidden;
}
.dashboard-stack[data-v-00e61349] {
        position: absolute;
        width: 99%;
        height: 97%;
}
#dashboardContainer[data-v-00e61349] {
        width: 100%;
        height: calc(95vh - var(--app-appbar-h) - var(--app-footer-h)) ;
        border: 0;
}
.cssInactiveMsg[data-v-00e61349]{
        --dialog-info-w: 300px;
        --dialog-info-h: 200px;
}

.cssVars[data-v-4b94be9c] {
  --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-4b94be9c] {
  margin-top: 20px;
  font-size: 18pt;
  font-weight: var(--font-weight-semi-bold);
}
.cssButtonRow[data-v-4b94be9c] {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px;
}
.cssContainer[data-v-4b94be9c] {
  margin-left: 100px;
  padding: 10px 0px;
}
.cssRow[data-v-4b94be9c] {
  margin-top: 20px;
  margin-bottom: 20px;
  width: var(--property-width);
}
.cssPropertyLabel[data-v-4b94be9c] {
  display: block;
  width: 250px;
  margin-bottom: 10px;
  font-weight: var(--font-weight-semi-bold);
}
.cssPropertyValue[data-v-4b94be9c] {
  display: block;
  width: var(--property-width);
  font-size: 20px;
}
.cssReadOnly[data-v-4b94be9c] {
  padding-left: 40px;
  border-bottom: 2px solid #DDD;
}
.cssNullValue[data-v-4b94be9c] {
  font-family: monospace;
  color: #CCC;
}
.cssButtonsFlexContainer[data-v-4b94be9c] {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  font-size: 30px;
}
.cssTextbox[data-v-4b94be9c] {
  display: block;
  width: var(--property-width);
  font-size: 20px;
}
.cssMessage[data-v-4b94be9c] {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
  width: 600px;
}
.cssActionIcon[data-v-4b94be9c] {
  width: 24px;
  height: 24px;
}
.cssActionMessage[data-v-4b94be9c] {
  font-size: inherit;
}
.cssTitleRow[data-v-4b94be9c] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}
.cssTitle[data-v-4b94be9c] {
  font-weight: var(--font-weight-semi-bold);
}
.cssSwitch[data-v-4b94be9c] {
  display: inline;
  width: 30px;
}
a[data-v-4b94be9c]:link, a[data-v-4b94be9c]:visited, a[data-v-4b94be9c]:hover, a[data-v-4b94be9c]:active {
  text-decoration: none;
}
.cssScrollContainer[data-v-4b94be9c] {
  /* 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-20c2ed5e] {
        --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-20c2ed5e] {
        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-20c2ed5e] {
        display: flex;
        flex-direction: column;
}
.cssFlexLeftRight[data-v-20c2ed5e] {
        display: flex;
        flex-direction: row;
}
.cssDialog[data-v-20c2ed5e] {
        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-20c2ed5e] {
        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-20c2ed5e] {
        height: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 50px;
}

.container[data-v-9a219cf5] {
        display: flex;
        width: 100%;
        justify-content: center;
}
.top-item[data-v-9a219cf5] {
        width: 1872px;
        padding-left: 0px;
        padding-right: 0px;
        gap: 24px;
}
.row[data-v-9a219cf5] {
        padding: 0px;
        gap: 24px;
        align-items: flex-start;
}
.col[data-v-9a219cf5] {
        padding: 0px;
        gap: 24px;
}
.cssVarChart[data-v-9a219cf5] {
        --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-9a219cf5] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1em;
        margin-bottom: 2em;
        margin-top: 1em;
}
.seperator h3[data-v-9a219cf5]::before,
        .seperator h3[data-v-9a219cf5]::after {
            content: "";
            display: block;
            flex-grow: 1;
            height: 1px;
            background: #ccc;
}
.seperator h3 span[data-v-9a219cf5] {
            padding: 0 2em;
}

.container[data-v-26bc8b89] {
        display: flex;
        width: 100%;
        justify-content: center;
}
.top-item[data-v-26bc8b89] {
        width: 1872px;
        padding-left: 0px;
        padding-right: 0px;
        gap: 24px;
}
.row[data-v-26bc8b89] {
        padding: 0px;
        gap: 24px;
        align-items: flex-start;
}
.col[data-v-26bc8b89] {
        padding: 0px;
        gap: 24px;
}
.cssVarChart[data-v-26bc8b89] {
        --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-26bc8b89] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1em;
        margin-bottom: 2em;
        margin-top: 1em;
}
.seperator h3[data-v-26bc8b89]::before,
    .seperator h3[data-v-26bc8b89]::after {
        content: "";
        display: block;
        flex-grow: 1;
        height: 1px;
        background: #ccc;
}
.seperator h3 span[data-v-26bc8b89] {
        padding: 0 2em;
}

.cssBasDataInputDarkModeVars[data-v-1c0d3196] {
  --bas-data-input-menu-border: 1px solid var(--bui-base-foreground-color);
}
.bui-custom-select[data-v-1c0d3196] {
  border: var(--bas-data-input-menu-border);
}
.bui-custom-select[data-v-1c0d3196] .bui-input-container {
  column-gap: 1em;
  width: 100%;
}
.bui-custom-select[data-v-1c0d3196] .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-1c0d3196] .bui-input {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
  width: 10em;
}
.bui-custom-select[data-v-1c0d3196] .bui-input-focus {
  color: inherit;
  border-color: inherit;
  background-color: inherit;
}
.bui-col[data-v-1c0d3196] {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  align-items: flex-start;
  padding: 1.5em 2em;
  width: 100%;
}
.cssBuiFlexContainer[data-v-1c0d3196] {
  width: 330px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 10px;
}
.cssSeparator[data-v-1c0d3196] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cssButtonContainer[data-v-1c0d3196] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-v-1c0d3196] .bas-highlight.bui-select-highlight {
    border: 3px solid var(--bui-info-background-color) !important;
}
[data-v-1c0d3196] .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-34ee45a4] {
  --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-34ee45a4] {
  position: relative;
  width: 100%;
  height: 100%;
}

.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;
}

.cssCard[data-v-ea332474] {
  width: 500px;
  height: 200px;
}
.cssChartContainer[data-v-ea332474] {
  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-cefdfa06] {
  --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-cefdfa06] {
  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%;
}

.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;
}

.cssCard[data-v-ccec5477] {
  width: 500px;
  height: 200px;
}
.cssChart[data-v-ccec5477] {
  width: 500px;
  height: 200px;
}
.cssChartContainer[data-v-ccec5477] {
  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);
}

.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;
}
/******************************************************************************
*  Copyright (C) 2021 Broadcom.
*  The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
*  See LICENSE for terms and conditions.
******************************************************************************/
:root /* Color Palette */ {
    /* Base Color */
    --bui-base-color-hs: 0, 0%;
    --bui-base-background-color-l: 99%;
    --bui-base-foreground-color-l: 10%;
    /* Neutral Color */
    --bui-neutral-color-hs: 0, 0%;
    --bui-neutral-background-color-l: 60%;
    --bui-neutral-foreground-color-l: 97%;
    /* Primary Color */
    --bui-primary-color-hs: 200, 100%;
    --bui-primary-background-color-l: 27%;
    --bui-primary-foreground-color-l: 97%;
    /* Secondary Color */
    --bui-secondary-color-hs: 208, 7%;
    --bui-secondary-background-color-l: 50%;
    --bui-secondary-foreground-color-l: 97%;
    /* Success Color */
    --bui-success-color-hs: 152, 69%;
    --bui-success-background-color-l: 31%;
    --bui-success-foreground-color-l: 97%;
    /* Danger Color */
    --bui-danger-color-hs: 348, 92%;
    --bui-danger-background-color-l: 42%;
    --bui-danger-foreground-color-l: 97%;
    /* Warning Color */
    --bui-warning-color-hs: 45, 90%;
    --bui-warning-background-color-l: 52%;
    --bui-warning-foreground-color-l: 3%;
    /* Info Color */
    --bui-info-color-hs: 194, 100%;
    --bui-info-background-color-l: 39%;
    --bui-info-foreground-color-l: 97%;
    --bui-info-background-color: hsl(var(--bui-info-color-hs), var(--bui-info-background-color-l));
    /* Muted Lightness */
    --bui-muted-color-hs: 0, 0%;
    --bui-muted-background-color-l: 93%;
    --bui-muted-foreground-color-l: 20%;

    /* colors for table */
    --bui-th-bg-l: 85%;
    --bui-th-fg-l: 27%;
    --bui-td-bg-odd-l: 99%;
    --bui-td-bg-even-l: 96%;
    --bui-tr-bg-hover-l: 90%;
    --bui-tr-bg-selected-l: 93%;
}

/******************************************************************************************************/

:root[theme='dark'] {
    --bui-base-background-color-l: 7%;
    --bui-base-foreground-color-l: 80%;
    --bui-neutral-background-color-l: 40%;
    --bui-neutral-foreground-color-l: 90%;
    --bui-primary-background-color-l: 37%;
    --bui-primary-foreground-color-l: 90%;
    --bui-secondary-background-color-l: 56%;
    --bui-secondary-foreground-color-l: 90%;
    --bui-success-background-color-l: 41%;
    --bui-success-foreground-color-l: 90%;
    --bui-danger-background-color-l: 52%;
    --bui-danger-foreground-color-l: 90%;
    --bui-warning-background-color-l: 62%;
    --bui-warning-foreground-color-l: 10%;
    --bui-info-background-color-l: 49%;
    --bui-info-foreground-color-l: 90%;
    --bui-muted-background-color-l: 20%;
    --bui-muted-foreground-color-l: 50%;

    /* colors for table */
    --bui-th-bg-l: 25%;
    --bui-th-fg-l: 50%;
    --bui-td-bg-odd-l: 12%;
    --bui-td-bg-even-l: 14%;
    --bui-tr-bg-hover-l: 18%;
    --bui-tr-bg-selected-l: 16%;
}

:root {
    --bui-base-background-color: hsl(var(--bui-base-color-hs), var(--bui-base-background-color-l));
    --bui-base-foreground-color: hsl(var(--bui-base-color-hs), var(--bui-base-foreground-color-l));
    --bui-neutral-background-color: hsl(var(--bui-neutral-color-hs), var(--bui-neutral-background-color-l));
    --bui-neutral-foreground-color: hsl(var(--bui-neutral-color-hs), var(--bui-neutral-foreground-color-l));
    --bui-muted-background-color: hsl(var(--bui-muted-color-hs), var(--bui-muted-background-color-l));
    --bui-muted-foreground-color: hsl(var(--bui-muted-color-hs), var(--bui-muted-foreground-color-l));

    /* colors for table */
    --bui-th-bg: hsl(var(--bui-primary-color-hs), var(--bui-th-bg-l));
    --bui-th-fg: hsl(var(--bui-primary-color-hs), var(--bui-th-fg-l));
    --bui-td-bg-odd: hsl(var(--bui-primary-color-hs), var(--bui-td-bg-odd-l));
    --bui-td-fg-odd: var(--bui-base-foreground-color);
    --bui-td-bg-even: hsl(var(--bui-primary-color-hs), var(--bui-td-bg-even-l));
    --bui-td-fg-even: var(--bui-base-foreground-color);
    --bui-tr-bg-hover: hsl(var(--bui-primary-color-hs), var(--bui-tr-bg-hover-l));
    --bui-tr-bg-selected: hsl(var(--bui-primary-color-hs), var(--bui-tr-bg-selected-l));
}

body {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
    color: var(--bui-base-foreground-color);
    background-color: var(--bui-base-background-color);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bui-primary {
    --bui-component-color-hs: var(--bui-primary-color-hs);
    --bui-component-background-color-l: var(--bui-primary-background-color-l);
    --bui-component-foreground-color-l: var(--bui-primary-foreground-color-l);
}
.bui-secondary {
    --bui-component-color-hs: var(--bui-secondary-color-hs);
    --bui-component-background-color-l: var(--bui-secondary-background-color-l);
    --bui-component-foreground-color-l: var(--bui-secondary-foreground-color-l);
}
.bui-success {
    --bui-component-color-hs: var(--bui-success-color-hs);
    --bui-component-background-color-l: var(--bui-success-background-color-l);
    --bui-component-foreground-color-l: var(--bui-success-foreground-color-l);
}
.bui-danger {
    --bui-component-color-hs: var(--bui-danger-color-hs);
    --bui-component-background-color-l: var(--bui-danger-background-color-l);
    --bui-component-foreground-color-l: var(--bui-danger-foreground-color-l);
}
.bui-warning {
    --bui-component-color-hs: var(--bui-warning-color-hs);
    --bui-component-background-color-l: var(--bui-warning-background-color-l);
    --bui-component-foreground-color-l: var(--bui-warning-foreground-color-l);
}
.bui-info {
    --bui-component-color-hs: var(--bui-info-color-hs);
    --bui-component-background-color-l: var(--bui-info-background-color-l);
    --bui-component-foreground-color-l: var(--bui-info-foreground-color-l);
}

.bui-component {
    --bui-static-foreground-color: hsl(var(--bui-component-color-hs), var(--bui-component-foreground-color-l));
    --bui-static-background-color: hsl(var(--bui-component-color-hs), var(--bui-component-background-color-l));
    --bui-static-border-color: hsl(var(--bui-component-color-hs), var(--bui-component-background-color-l));
    --bui-hover-foreground-color: hsl(var(--bui-component-color-hs), var(--bui-component-foreground-color-l));
    --bui-hover-background-color: hsl(var(--bui-component-color-hs), calc(var(--bui-component-background-color-l) - 5%));
    --bui-hover-border-color: hsl(var(--bui-component-color-hs), calc(var(--bui-component-background-color-l) - 5%));
    --bui-focus-foreground-color: hsl(var(--bui-component-color-hs), var(--bui-component-foreground-color-l));
    --bui-focus-background-color: hsl(var(--bui-component-color-hs), var(--bui-component-background-color-l));
    --bui-focus-border-color: hsl(var(--bui-component-color-hs), calc(var(--bui-component-background-color-l) - 5%));
    --bui-focus-shadow-color: hsl(var(--bui-component-color-hs), calc(var(--bui-component-background-color-l) + 25%));
    --bui-active-foreground-color: hsl(var(--bui-component-color-hs), var(--bui-component-foreground-color-l));
    --bui-active-background-color: hsl(var(--bui-component-color-hs), calc(var(--bui-component-background-color-l) - 10%));
    --bui-active-border-color: hsl(var(--bui-component-color-hs), calc(var(--bui-component-background-color-l) - 10%));
    /***/
    --bui-padding-top-bottom: 0.375em;
    --bui-padding-left-right: 0.750em;
    --bui-link-button-padding: 0.31em;
    --bui-link-font-size: 0.85em;
    --bui-border-style: 1px solid;
    --bui-border-radius: 0.25em;
    --bui-focus-shadow: 0 0 0 1px var(--bui-focus-border-color), 0 0 0 3px var(--bui-focus-shadow-color);
    --bui-float-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}


.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-7f479e1b] {
  --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-7f479e1b] {
  --dialog-border-darkmode: 1px solid var(--bui-base-foreground-color);
}
.bui-header-cell-sm[data-v-7f479e1b] {
    text-align: left;
    border-bottom: 1px solid #aaa;
}
.css-body-cell[data-v-7f479e1b] {
    border-bottom: 1px solid #ddd;
}
.cssFlex[data-v-7f479e1b] {
    display: flex;
}
.cssTable[data-v-7f479e1b] {
    width: 100%;
}
.cssCardContainer[data-v-7f479e1b] {
    padding: 5px;
}
.cssSideTop[data-v-7f479e1b] {
    padding-left: 40px;
}
.cssCenterAlign[data-v-7f479e1b] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
.cssFlexRowSettings[data-v-7f479e1b] {
    justify-content: space-between;
    width: 90%;
    display: flex;
}
.cssSettingsRow[data-v-7f479e1b] {
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    padding-left: 1em;
}
.cssModal[data-v-7f479e1b] {
  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-7f479e1b] {
  display: flex;
  flex-direction: column;
}
.cssContainer[data-v-7f479e1b] {
  width: 100%;
  height: 100%;
  padding: 10px;
}
.cssFlexLeftRight[data-v-7f479e1b] {
  display: flex;
  flex-direction: row;
}
.cssDialog[data-v-7f479e1b] {
  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-7f479e1b]{
    width: 50%;
}
.cssConfirmMessageBlock[data-v-7f479e1b] {
  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-7f479e1b] {
    padding-bottom: 20px;
}
.cssCards[data-v-7f479e1b] {
    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-7f479e1b] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.cssAppVars[data-v-4686da07] {
  --app-appbar-h: 32px;
  --app-sidebar-w: 15em;
  --app-footer-h: 2.5em;
}
.cssApp[data-v-4686da07] {
  width: 100%;
  height: 100vh;
}
.cssAppbar[data-v-4686da07] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--app-appbar-h);
}
.cssBody[data-v-4686da07] {
  position: relative;
  top: var(--app-appbar-h);
  left: 0;
  width: 100%;
  height: calc(100% - var(--app-appbar-h));
}
.cssContent[data-v-4686da07] {
  position: relative;
  top: 0;
  padding: .5em .5em;
  height: calc(100% - var(--app-footer-h));
  overflow-y: scroll;
}
.cssSidebarTransition[data-v-4686da07] {
  transition: width .25s, left .25s;
}
.cssWithoutSidebar[data-v-4686da07] {
  width: 100%;
  left: 0px;
}
.cssWithSidebar[data-v-4686da07] {
  width: calc(100% - var(--app-sidebar-w));
  left: var(--app-sidebar-w);
}
.cssFooter[data-v-4686da07] {
  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;
}