:root{--component-font-size: var(--lumo-font-size-m);--component-font-size-small: var(--lumo-font-size-m);--component-font-size-extra-small: var(--lumo-font-size-m)}vaadin-scroller[slot="drawer"]{padding: var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding: 0}[slot="drawer"]:is(header,footer){display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);min-height: var(--lumo-size-xl);box-sizing: border-box}[slot="drawer"]:is(header,footer):is(:empty){display: none}vaadin-grid::part(center-aligned-cell){text-align: center}vaadin-grid::part(right-aligned-cell){text-align: right}vaadin-popover-overlay.tooltip-popup::part(overlay){max-width: 500px;max-height: fit-content}img,div{user-drag: none;-webkit-user-drag: none;user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}.output{overflow: hidden !important}.output div[slot]{overflow: auto}.main-layout__logo{display: flex;align-items: center;min-height: var(--lumo-size-xl)}.main-layout__drawer-header{padding: var(--lumo-space-m);box-sizing: border-box}.main-layout__brand-logo{display: block;max-width: 100%;height: auto}.main-layout__nav{margin-bottom: var(--lumo-space-s)}.main-layout__footer{padding: var(--lumo-space-s) var(--lumo-space-m);box-sizing: border-box}.main-layout__user-menu{width: 100%}.main-layout__footer{border-top: 1px solid var(--lumo-contrast-10pct)}.side-component-container{display: grid;grid-template-rows: 0fr;overflow: hidden;gap: var(--lumo-space-s);transition: grid-template-rows 0.3s ease}.side-component-container.open{grid-template-rows: 1fr}.side-component{display: flex;flex-direction: column;flex-grow: 1;align-items: stretch}.top-layout{width: 100%;display: flex;align-items: center;padding: 0 var(--lumo-space-m);gap: var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-10pct);box-sizing: border-box}.top-layout__title{width: 100%;display: flex;align-items: center;gap: var(--lumo-space-m);box-sizing: border-box;min-width: 0}.top-layout__h4{margin: 0;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.top-layout__right{display: flex;align-items: center;justify-content: flex-end;gap: var(--lumo-space-s);flex-shrink: 0}body:has(.v-loading-indicator[style*="display: block"]){cursor: wait !important}.v-loading-indicator{position: fixed;pointer-events: auto;z-index: 2147483647;cursor: wait;top: 0;left: 0;right: 0;bottom: 0}.v-loading-indicator:before{width: 76px;height: 76px;position: absolute;top: 50%;left: 50%;margin: -38px 0 0 -38px;border-radius: 100%;animation: bouncedelay 1.2s infinite 0.4s ease-in-out both;content: ""}.v-loading-indicator.first:before{background-color: skyblue}.v-loading-indicator.second:before{background-color: salmon}.v-loading-indicator.third:before{background-color: red}@keyframes bouncedelay{0%,80%,100%{transform: scale(0)}40%{transform: scale(1.0)}}.custom-tile{border-radius: 12px;overflow: hidden;width: 320px;height: 284px;box-shadow: 0 2px 8px rgba(0,0,0,0.03);cursor: pointer;margin: 0;background: var(--lumo-contrast-5pct);display: flex;flex-grow: 0;flex-direction: column}.custom-tile:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.08);background: var(--lumo-contrast-30pct);transition: box-shadow 0.2s,background-color 0.2s}.custom-tile-header{display: flex;flex-direction: row;gap: var(--lumo-space-s);align-items: center;padding: var(--lumo-space-xs) var(--lumo-space-s);background: var(--lumo-contrast-5pct);height: 52px}.custom-tile:hover .custom-tile-header{background: var(--lumo-contrast-30pct) !important;color: var(--lumo-header-text-color) !important;transition: color 0.2s,background 0.2s}.custom-tile-footer{display: flex;flex-direction: row;align-items: center;font-size: var(--lumo-font-size-xxs);font-weight: lighter;overflow: hidden;text-overflow: ellipsis;gap: var(--lumo-space-xs);padding: 0 var(--lumo-space-s);background: var(--lumo-contrast-10pct)}.custom-tile-footer-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.custom-tile-footer-date{white-space: nowrap}.custom-tile-icon{color: var(--lumo-header-text-color)}.custom-tile-title{font-weight: bold;font-size: var(--lumo-font-size-m);height: inherit;overflow: hidden;text-overflow: ellipsis;align-content: space-around}.custom-tile-content{display: flex;align-items: center;justify-content: center;padding: var(--lumo-space-s);flex-grow: 1}.custom-tile-image{display: block;max-height: 180px;max-width: 300px}.monitor-component{border-radius: var(--lumo-border-radius-l);background: var(--lumo-contrast-5pct);overflow: hidden;box-shadow: var(--lumo-box-shadow-s);font-family: var(--lumo-font-family),system-ui;font-size: var(--component-font-size);display: flex;flex-direction: column;flex-grow: 0;flex-shrink: 0;transition: box-shadow 0.2s,background-color 0.2s;white-space: nowrap}.monitor-component-header{display: flex;align-items: center;background: var(--lumo-contrast-5pct);padding: var(--lumo-space-s) var(--lumo-space-m);border-bottom: 1px solid var(--lumo-contrast-10pct);flex-grow: 0;max-width: 700px;white-space: break-spaces}.monitor-component-title{font-weight: bold;font-size: var(--component-font-size);height: inherit;overflow: hidden;text-overflow: ellipsis;align-content: space-around}.monitor-component-main-container{display: flex;flex-direction: row;flex-grow: 1;justify-content: center;align-items: center;gap: var(--lumo-space-s) var(--lumo-space-m);padding: var(--lumo-space-m)}.monitor-component.prior .monitor-component-main-container{background: var(--lumo-contrast-10pct)}.monitor-component-content{display: flex;align-items: center;flex-shrink: 0;flex-grow: 0}.monitor-component-image-container{display: flex;flex-shrink: 0;flex-grow: 0;border-radius: var(--lumo-border-radius-m);border: 1px solid var(--lumo-contrast-10pct);overflow: hidden}.monitor-component-image{width: 100%;height: 100%;object-fit: cover}.monitor-component-footer{padding: 0 var(--lumo-space-s);border-top: 1px solid var(--lumo-contrast-10pct);background: var(--lumo-contrast-5pct);font-size: var(--component-font-size-small);color: var(--lumo-secondary-text-color)}.monitor-component-footer-content{font-size: var(--component-font-size-small);color: var(--lumo-secondary-text-color)}.monitor-component-footer-content input{cursor: pointer}.multi-switch-input-component{align-self: center;display: grid;grid-template-columns: 0fr 0fr;column-gap: var(--lumo-space-m)}.single-input-component{align-self: center;display: grid;grid-template-columns: 0fr;column-gap: var(--lumo-space-m)}.bi-input-component{align-self: center;display: grid;grid-template-columns: 0fr 0fr;column-gap: var(--lumo-space-m)}.tri-input-component{align-self: center;display: grid;grid-template-columns: 0fr 0fr 0fr;column-gap: var(--lumo-space-m)}.component-small{font-size: var(--component-font-size-small);fill: var(--lumo-secondary-text-color);color: var(--lumo-secondary-text-color)}.input-number input{text-align: right;font-size: var(--component-font-size)}.best-quality{font-weight: bold}.tooltip-popup{border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-s)}.tick-value text{color: var(--lumo-secondary-text-color);fill: var(--lumo-secondary-text-color)}.model-carousel{padding-left: var(--lumo-space-m);padding-bottom: var(--lumo-space-s);flex-grow: 1}.model-carousel-name{padding-bottom: var(--lumo-space-xs)}.carousel-item{display: flex;flex-direction: column;align-items: stretch}.carousel-item-content{flex-grow: 1;display: flex;flex-direction: column;align-items: stretch}.carousel-item{max-width: 340px;min-width: 340px}.model-panel{display: flex;align-items: stretch;width: 100%}.flow-layout{height: 100%}.flow-layout-content{height: fit-content;display: flex;flex-wrap: wrap;gap: var(--lumo-space-s);padding: var(--lumo-space-s);box-sizing: border-box;align-items: stretch}.accordion-layout{color: var(--lumo-primary-text-color);padding: var(--lumo-space-s);overflow: auto}.accordion-layout .monitor-component{border-radius: 0}.accordion-layout .monitor-component-main-container{justify-content: start}.accordion-layout .monitor-component-header{display: none !important}.grid-layout{padding: var(--lumo-space-s);display: grid;grid-auto-flow: row;grid-auto-rows: max-content;gap: var(--lumo-space-s);width: 100%;box-sizing: border-box}.line-layout{height: 100%;gap: var(--lumo-space-s);padding: var(--lumo-space-s);overflow: auto}.line-layout-content{height: fit-content;display: flex;flex-direction: row;flex-wrap: wrap;gap: var(--lumo-space-s);padding: 0;box-sizing: border-box;align-items: center}.upload-component-container{align-items: center;gap: var(--lumo-space-s);display: flex;flex-direction: row}.upload-component vaadin-upload{border: none;margin: 0;padding: 0;width: 100%}.subscription-item{display: flex;gap: var(--lumo-space-s);align-items: center}.custom-field[readonly]::part(input-fields){color: var(--lumo-secondary-text-color);background-color: transparent;cursor: default;opacity: 1;border: var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}.custom-field.readonly::part(input-fields){color: var(--lumo-secondary-text-color);background-color: transparent;cursor: default;opacity: 1;padding: calc(0.375em + var(--_input-container-radius) / 4 - 1px);border: var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}.custom-field.required::part(required-indicator)::after{content: var(--lumo-required-field-indicator,'\2022');transition: opacity 0.2s;color: var(--lumo-required-field-indicator-color,var(--lumo-primary-text-color));position: absolute;right: 0;width: 1em;text-align: center}.custom-field::part(label):hover:not([readonly]):not([focused]){color: var(--vaadin-input-field-hovered-label-color,var(--vaadin-text-color))}.custom-field:not(.readonly)::part(label):hover{color: var(--vaadin-input-field-hovered-label-color,var(--vaadin-text-color))}.custom-field::part(label){align-self: flex-start;color: var(--vaadin-input-field-label-color,var(--lumo-secondary-text-color));font-weight: var(--vaadin-input-field-label-font-weight,500);font-size: var(--vaadin-input-field-label-font-size,var(--lumo-font-size-s));transition: color 0.2s;line-height: 1;padding-inline-start: calc(var(--lumo-border-radius-m) / 4);padding-inline-end: 1em;padding-bottom: 0.5em;padding-top: 0.25em;margin-top: -0.25em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;max-width: 100%;box-sizing: border-box}.custom-field::part(input-fields){background: var(--_background);padding: calc(0.375em + var(--_input-container-radius) / 4 - 1px);font-weight: var(--vaadin-input-field-value-font-weight,500);line-height: 1;position: relative;cursor: text;box-sizing: border-box;border-radius: var(--vaadin-input-field-top-start-radius,var(--_input-container-radius)) var(--vaadin-input-field-top-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-start-radius,var(--_input-container-radius));--_input-container-radius: var(--vaadin-input-field-border-radius,var(--lumo-border-radius-m));--_input-height: var(--lumo-text-field-size,var(--lumo-size-m));--_background: var(--vaadin-input-field-background,var(--lumo-contrast-10pct));--_hover-highlight: var(--vaadin-input-field-hover-highlight,var(--lumo-contrast-50pct));--_input-border-color: var(--vaadin-input-field-border-color,var(--lumo-contrast-50pct));--_icon-color: var(--vaadin-input-field-icon-color,var(--lumo-contrast-60pct));--_icon-size: var(--vaadin-input-field-icon-size,var(--lumo-icon-size-m));--_invalid-background: var(--vaadin-input-field-invalid-background,var(--lumo-error-color-10pct));--_invalid-hover-highlight: var(--vaadin-input-field-invalid-hover-highlight,var(--lumo-error-color-50pct));--_disabled-background: var(--vaadin-input-field-disabled-background,var(--lumo-contrast-5pct));--_disabled-value-color: var(--vaadin-input-field-disabled-value-color,var(--lumo-disabled-text-color))}.validation-component{display: flex;flex-direction: row;gap: var(--lumo-space-m);font-weight: bold}.validation-type-error{color: #F44336;font-weight: bold}.validation-type-warning{color: #FFC107;font-weight: bold}.validation-type-notification{color: #70AD47;font-weight: bold}.logo{display: flex;flex-direction: row;align-items: center;gap: 0;padding: 0;margin: 0;width: 100%;height: 100%;flex-grow: 1;min-height: var(--lumo-size-xl)}.logo img{height: var(--lumo-size-xl)}.logo-title{font-size: var(--lumo-font-size-l);font-weight: bold;flex-grow: 1;width: 100%;padding: 0 var(--lumo-space-m)}.sort-component{display: flex;flex-direction: row;align-items: flex-start;gap: 2px;padding: 0;margin: 0}.sort-component-select{flex-grow: 1}.sort-component-select::part(input-field){border-top-right-radius: 0;border-bottom-right-radius: 0}.sort-component-button{flex-grow: 0;border-top-left-radius: 0;border-bottom-left-radius: 0}.filter-component{display: flex;flex-direction: row;align-items: flex-start;gap: 2px;padding: 0;margin: 0}.filter-component-select{flex-grow: 0;width: 60px}.filter-component-select::part(input-field){border-top-right-radius: 0;border-bottom-right-radius: 0}.filter-component-field{flex-grow: 1;width: 60px}.filter-component-field::part(input-field){border-top-left-radius: 0;border-bottom-left-radius: 0}.date-filter-component{display: flex;flex-direction: row;align-items: flex-start;gap: 2px;padding: 0;margin: 0}.date-filter-component-from{flex-grow: 0;width: 100pt}.date-filter-component-from::part(input-field){border-top-right-radius: 0;border-bottom-right-radius: 0}.date-filter-component-to{flex-grow: 0;width: 100pt}.date-filter-component-to::part(input-field){border-top-left-radius: 0;border-bottom-left-radius: 0}.column-selector-header{font-weight: bold;padding: var(--lumo-space-xs)}.range-tooltip{position: absolute;top: -2.5em;left: 0;transform: translateX(-50%);background: var(--lumo-base-color);color: var(--vaadin-text-color);font-size: var(--lumo-font-size-xs);line-height: var(--lumo-line-height-s);border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-xs);pointer-events: none;white-space: nowrap;opacity: 0;transition: opacity 0.2s;z-index: 9999}.range-tooltip.visible{opacity: 1}.custom-slider{min-width: 150px}.network-grid{padding: 0}.visit-grid{padding: 0}vaadin-grid{user-select: text;-moz-user-select: text;-webkit-user-select: text;-ms-user-select: text}vaadin-grid::part(body-cell focused-cell){--cell-copy-opacity: 1;--cell-copy-events: auto;background-color: var(--lumo-primary-color-10pct)}vaadin-grid .copy-cell{display: flex;align-items: center;gap: 0.35rem;width: 100%}vaadin-grid .copy-text{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}vaadin-grid .copy-grid-field-button{opacity: var(--cell-copy-opacity,0);pointer-events: var(--cell-copy-events,none);display: inline-flex;align-items: center;justify-content: center;padding: 0;border: none;background: none;color: var(--lumo-secondary-text-color);cursor: pointer;transition: opacity 200ms ease,color 120ms ease,transform 120ms ease}vaadin-grid .copy-grid-field-button vaadin-icon{--vaadin-icon-size: 0.8rem}vaadin-grid .copy-grid-field-button:hover{color: var(--vaadin-text-color)}vaadin-grid .copy-grid-field-button:active{transform: scale(0.96)}vaadin-grid .copy-grid-field-button:focus-visible{outline: none;box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct)}.settings-panel{display: flex;flex-direction: column;border-radius: var(--lumo-border-radius-m);background-color: var(--lumo-contrast-5pct);box-shadow: 0 2px 10px rgba(0,0,0,0.1)}.settings-panel::part(content){padding: 0 var(--lumo-space-s)}.user-indicator{display: flex;flex-direction: row;align-items: center;gap: var(--lumo-space-s)}.user-indicator-name{font-weight: bold;font-size: var(--lumo-font-size-s)}.user-indicator-account{font-size: var(--lumo-font-size-xxs);color: var(--lumo-secondary-text-color)}.user-indicator-name-account{display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-xs)}.switch-image{cursor: pointer;width: 43px;height: 20px;vertical-align: text-bottom}.switch{line-height: unset}.bar-chart{--bar-color: var(--lumo-primary-color);--bar-text-color: var(--vaadin-text-color);--bar-color-value: var(--vaadin-text-color);--bar-color-value-on-bar: hsla(214,96%,96%,0.9);--bar-color-negative-variation: var(--lumo-error-text-color);--bar-color-negative-variation-on-bar: hsl(3,100%,80%);--bar-color-positive-variation: var(--lumo-success-text-color);--bar-color-positive-variation-on-bar: hsl(145,85%,46%);--bar-color-no-variation: var(--lumo-secondary-text-color);--bar-color-no-variation-on-bar: hsla(214,87%,92%,0.69)}.infinite-scroll-component{display: flex;flex-direction: row;align-items: center;flex-grow: 0;overflow: auto;overflow-x: hidden;padding: var(--lumo-space-m);gap: var(--lumo-space-m);flex-wrap: wrap;justify-content: space-evenly}.model-infinite-panel{overflow: auto;height: 100%}