.obc-component-size-regular{--global-size-spacing-touch-target-min: 48px;--global-size-spacing-visual-target-min: 32px;--global-size-spacing-icon-icon-size-regular: 24px;--ui-components-button-label-spacing: 8px;--ui-components-button-padding-horizontal: 4px;--global-size-spacing-selection-size-min: 24px;--ui-components-button-stroke-weight: 1px;--global-size-spacing-target-padding: 4px;--ui-components-toggle-switch-thumb-size: 12px;--ui-components-toggle-switch-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-selection-padding: 6px;--ui-components-toggle-switch-selection-width: 48px;--global-size-spacing-border-weight-focusframe: 2px;--ui-components-toggle-switch-item-border-radius: var( --border-radius-br-round );--global-typography-button-font-size: var(--font-size-100);--global-typography-button-line-height: var(--line-height-100);--global-typography-button-font-weight: var(--font-weight-semibold);--global-typography-label-font-size: var(--font-size-075);--global-typography-label-line-height: var(--line-height-075);--global-typography-label-font-weight: var(--font-weight-regular);--global-typography-body-font-size: var(--font-size-100);--global-typography-body-line-height: var(--line-height-100);--global-typography-body-font-weight: var(--font-weight-regular);--global-typography-body-active-font-size: var(--font-size-100);--global-typography-body-active-line-height: var(--line-height-100);--global-typography-body-active-font-weight: var(--font-weight-bold);--ui-components-checkbox-visual-target-size: var( --global-size-spacing-selection-size-min );--ui-components-checkbox-border-radius: var( --global-border-radius-border-radius-check );--ui-components-checkbox-label-spacing: 8px;--ui-components-checkbox-nested-item-padding-left: 32px;--ui-components-app-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-app-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-app-button-padding-vertical: 4px;--alert-components-badge-icon-size: 12px;--alert-components-badge-label-spacing: 2px;--alert-components-badge-border-radius: var(--border-radius-br-2);--alert-components-alert-frame-border-radius: var( --ui-components-button-border-radius );--menu-navigation-components-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-navigation-item-label-spacing: 8px;--menu-navigation-components-navigation-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-navigation-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-navigation-item-margin-horizontal-icon-button: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-checkbox-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-item-label-spacing: 8px;--ui-components-toggle-switch-selection-height: var( --global-size-spacing-selection-size-min );--ui-components-icon-button-label-spacing: 0;--ui-components-icon-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-app-button-label-spacing: 0;--ui-components-card-label-spacing: 8px;--alert-components-alert-frame-icon-size: var( --global-size-spacing-icon-icon-size-xsmall );--alert-components-alert-frame-padding-horizontal: 4px;--alert-components-alert-frame-padding-vertical: 2px;--alert-components-alert-frame-small-flip-border-radius: var( --alert-components-badge-border-radius );--global-typography-overline-font-size: var(--font-size-100);--global-typography-overline-line-height: var(--line-height-100);--global-typography-overline-font-weight: var(--font-weight-semibold);--global-typography-overline-letter-spacing: .15000000596046448px;--global-typography-label-active-font-size: var(--font-size-075);--global-typography-label-active-line-height: var(--line-height-075);--global-typography-label-active-font-weight: var(--font-weight-bold);--alert-components-badge-padding: 2px;--menu-navigation-components-navigation-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-radio-button-label-spacing: 8px;--ui-components-radio-button-selection-size: var( --global-size-spacing-selection-size-min );--ui-components-radio-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-checkbox-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-toggle-switch-item-padding-horizontal: 8px;--ui-components-radio-button-thumb-size: 8px;--ui-components-toggle-switch-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-radio-button-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-context-menu-menu-width: 200px;--ui-components-accordion-label-spacing: 8px;--ui-components-accordion-padding-horizontal: 8px;--ui-components-accordion-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-border-radius: var(--border-radius-br-6);--ui-components-icon-button-padding-vertical: 4px;--ui-components-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-card-border-radius-regular: var( --global-border-radius-border-radius-base );--ui-components-radio-button-selection-border-radius: var( --global-border-radius-border-radius-round );--ui-components-card-border-radius-expanded: var( --global-border-radius-border-radius-floating );--global-size-spacing-icon-icon-size-xsmall: 12px;--ui-components-icon-button-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-base: var(--border-radius-br-6);--ui-components-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-visual-target-size: var( --global-size-spacing-visual-target-min );--global-border-radius-border-radius-check: var(--border-radius-br-4);--global-border-radius-border-radius-round: var(--border-radius-br-round);--ui-components-app-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-border-radius-border-radius-floating: var(--border-radius-br-12);--alert-components-alert-frame-large-flip-padding: var( --alert-components-badge-border-radius );--alert-components-alert-frame-large-flip-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-touch-target-min-two-story: 56px;--ui-components-slide-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-visual-size: var( --global-size-spacing-visual-target-min );--global-size-spacing-border-weight-alertframe: 4px;--global-size-spacing-list-item-menu-padding-horizonal-list-item: 12px;--global-size-spacing-list-item-menu-margin-horizontal-list-item: 0;--ui-components-radio-button-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-radio-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-padding-horizontal: 16px;--ui-components-elevated-card-margin-horizontal: 16px;--ui-components-elevated-card-padding-vertical: 8px;--ui-components-card-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-padding-horizontal: 4px;--ui-components-state-toggle-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-state-toggle-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-state-toggle-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-state-toggle-selection-width: 48px;--ui-components-state-toggle-padding-vertical: 4px;--ui-components-start-stop-switch-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-start-stop-switch-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-start-stop-switch-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-top: 4px;--ui-components-start-stop-switch-border-radius: var( --global-border-radius-border-radius-base );--ui-components-state-toggle-border-radius: var( --global-border-radius-border-radius-base );--ui-components-start-stop-switch-description-spacing: 0;--ui-components-start-stop-switch-padding-bottom: 4px;--ui-components-start-stop-switch-label-spacing: 8px;--ui-components-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-check-button-label-spacing: 8px;--ui-components-check-button-padding-horizontal: 4px;--ui-components-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-check-button-label-spacing: 0;--ui-components-icon-check-button-padding-horizontal: 4px;--ui-components-icon-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-label-spacing: 0;--ui-components-toggle-button-padding-horizontal: 4px;--ui-components-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-stroke-width: 1px;--ui-components-icon-button-padding-left: var(--icon-button-padding-left);--ui-components-icon-button-padding-right: var(--icon-button-padding-right);--ui-components-icon-button-padding-horizontal: 8px;--ui-components-elevated-card-graphics-height: 80px;--ui-components-elevated-card-graphics-width: 80px;--ui-components-text-input-field-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-text-input-field-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-text-input-field-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-text-input-field-label-spacing: 8px;--ui-components-text-input-field-padding-vertical: 4px;--ui-components-text-input-field-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-input-field: var(--border-radius-br-4);--ui-components-elevated-card-label-spacing: 8px;--ui-components-button-border-radius-top-left: var( --button-border-radius-top-left );--ui-components-button-border-radius-top-right: var( --button-border-radius-top-right );--ui-components-button-border-radius-bottom-left: var( --button-border-radius-bottom-left );--ui-components-button-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-text-input-field-border-radius-top-left: var( --input-field-border-radius-top-left );--ui-components-text-input-field-border-radius-top-right: var( --input-field-border-radius-top-right );--ui-components-text-input-field-border-radius-bottom-left: var( --input-field-border-radius-bottom-left );--ui-components-text-input-field-border-radius-bottom-right: var( --input-field-border-radius-bottom-right );--ui-components-text-input-field-stroke-weight: 1px;--ui-components-toggle-button-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-item-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-item-label-spacing: 8px;--ui-components-toggle-button-item-padding-horizontal: 4px;--ui-components-toggle-button-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-item-description-spacing: 0;--ui-components-text-input-field-padding-horizontal: 8px;--ui-components-text-input-field-button-margin: 8px;--ui-components-button-stroke-weight-left: var(--button-stroke-weight-left);--ui-components-button-stroke-weight-top: var(--button-stroke-weight-top);--ui-components-button-stroke-weight-right: var(--button-stroke-weight-right);--ui-components-button-stroke-weight-bottom: var( --button-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-bottom: var( --input-field-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-left: var( --input-field-stroke-weight-left );--ui-components-text-input-field-stroke-weight-top: var( --input-field-stroke-weight-top );--ui-components-text-input-field-stroke-weight-right: var( --input-field-stroke-weight-right );--ui-components-text-input-field-padding-right: var( --input-field-padding-right );--ui-components-text-input-field-padding-left: var( --input-field-padding-left );--app-components-topbar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-padding-horizontal: 8px;--menu-navigation-components-table-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-item-label-spacing: 8px;--menu-navigation-components-table-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-item-badge-spacing: 4px;--menu-navigation-components-navigation-item-visual-target-size: var( --global-size-spacing-touch-target-min );--app-components-navigation-menu-border-radius: 12px;--ui-components-slider-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slider-regular-thumb-height: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-slider-spacing: 8px;--ui-components-slider-padding-horizontal: 20px;--ui-components-slider-border-radius: var( --global-border-radius-border-radius-base );--ui-components-slider-regular-track-height: 4px;--menu-navigation-components-branch-touch-target-size-height: var( --global-size-spacing-touch-target-min );--menu-navigation-components-branch-width: 32px;--menu-navigation-components-table-item-padding-top: 12px;--ui-components-context-menu-border-radius: var( --global-border-radius-border-radius-floating );--global-size-spacing-list-item-menu-margin-vertical-context-menu: 4px;--ui-components-context-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--ui-components-checkbox-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-checkbox-list-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-dropdown-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-typography-button-two-line-font-size: var(--font-size-075);--global-typography-button-two-line-line-height: var(--line-height-050);--global-typography-button-two-line-font-weight: var(--font-weight-bold);--global-typography-button-two-line-letter-spacing: .30000001192092896px;--ui-components-keyboard-nummeric-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-nummeric-button-spacing: 8px;--ui-components-keyboard-nummeric-section-spacing: 16px;--ui-components-slider-regular-thumb-width: 8px;--ui-components-slider-enhanced-track-height: 32px;--ui-components-slider-enhanced-thumb-height: 32px;--ui-components-slider-enhanced-thumb-width: 12px;--ui-components-keyboard-nummeric-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-toggle-button-label-spacing: 8px;--ui-components-icon-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-toggle-button-description-spacing: 0;--ui-components-context-menu-title-label-spacing: 16px;--ui-components-slider-regular-thumb-indicator-height: 16px;--ui-components-slider-regular-thumb-indicator-width: 4px;--ui-components-slider-regular-thumb-padding: 4px;--ui-components-slider-regular-thumb-margin: 4px;--ui-components-slider-button-thumb-height: 32px;--ui-components-slider-button-thumb-width: var( --global-size-spacing-touch-target-min );--ui-components-slider-button-track-height: 32px;--ui-components-slider-indicator-thumb-height: 6px;--ui-components-slider-indicator-thumb-width: 6px;--ui-components-slider-indicator-track-height: 4px;--menu-navigation-components-navigation-item-command-icon-size: var( --global-size-spacing-icon-icon-size-small );--menu-navigation-components-navigation-item-touch-target-size-large: 64px;--menu-navigation-components-navigation-item-flyout-icon-container-size: 16px;--menu-navigation-components-navigation-item-margin-vertical-icon-button: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--alert-components-badge-icon-size-flat: 16px;--alert-components-badge-icon-size-flat-border-weight: 1px;--ui-components-elevated-card-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-action-button-width: 96px;--ui-components-keyboard-nummeric-component-height-min: 360px;--ui-components-keyboard-nummeric-component-width-min: 304px;--ui-components-keyboard-nummeric-keys-section-width-min: 160px;--ui-components-keyboard-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-button-spacing: 8px;--ui-components-keyboard-section-spacing: 16px;--ui-components-keyboard-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-action-button-width: 96px;--ui-components-keyboard-component-height: 416px;--ui-components-keyboard-component-width-min: 696px;--ui-components-keyboard-keys-section-width-min: 160px;--ui-components-keyboard-border-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-padding-spacer: 28px;--ui-components-keyboard-nummeric-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-branch-icon-size-mask: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-clock-label-spacing: 4px;--app-components-clock-padding-horizontal: 8px;--app-components-clock-vertical-stack-spacing: 0;--app-components-clock-colon-size: 3px;--app-components-clock-colon-spacing: 3px;--app-components-clock-margin-horizontal: 4px;--app-components-clock-touch-target: var( --global-size-spacing-touch-target-min );--app-components-clock-visual-target: var( --global-size-spacing-visual-target-min );--app-components-clock-border-radius: var( --global-border-radius-border-radius-base );--app-components-clock-digit-spacing: 2px;--app-components-topbar-label-spacing: 8px;--app-components-topbar-label-padding: 4px;--app-components-alert-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-button-padding-counter-right: 2px;--app-components-alert-button-counter-spacing: 2px;--app-components-notification-message-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-message-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-message-label-spacing: 8px;--app-components-notification-message-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-message-touch-target-size-double: 64px;--app-components-notification-message-visual-target-size-double: 56px;--app-components-notification-message-border-radius: var( --global-border-radius-border-radius-base );--app-components-notification-message-border-radius-top-left: var( --button-border-radius-top-left );--app-components-notification-message-border-radius-top-right: var( --button-border-radius-top-right );--app-components-notification-message-border-radius-bottom-left: var( --button-border-radius-bottom-left );--app-components-notification-message-border-radius-bottom-right: var( --button-border-radius-bottom-right );--app-components-notification-message-stroke-weight: 1px;--app-components-notification-message-stroke-weight-left: var( --notification-message-stroke-weight-left );--app-components-notification-message-stroke-weight-top: var( --notification-message-stroke-weight-top );--app-components-notification-message-stroke-weight-right: var( --notification-message-stroke-weight-right );--app-components-notification-message-stroke-weight-bottom: var( --notification-message-stroke-weight-bottom );--app-components-notification-message-padding-horizontal: 8px;--app-components-notification-message-label-spacing-vertical: 4px;--global-size-spacing-state-container-stroke-weight: 1px;--global-size-spacing-state-container-stroke-weight-left: var( --state-container-stroke-weight-left );--global-size-spacing-state-container-stroke-weight-top: var( --state-container-stroke-weight-top );--global-size-spacing-state-container-stroke-weight-right: var( --state-container-stroke-weight-right );--global-size-spacing-state-container-stroke-weight-bottom: var( --state-container-stroke-weight-bottom );--global-size-spacing-state-container-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-state-container-border-radius-top-left: var( --state-container-border-radius-top-left );--global-size-spacing-state-container-border-radius-top-right: var( --state-container-border-radius-top-right );--global-size-spacing-state-container-border-radius-bottom-right: var( --state-container-border-radius-bottom-right );--global-size-spacing-state-container-border-radius-bottom-left: var( --state-container-border-radius-bottom-left );--app-components-alert-button-stack-spacing: 8px;--app-components-alert-button-margin-horizontal: 8px;--menu-navigation-components-tree-navigation-item-padding-horizontal: 8px;--menu-navigation-components-tree-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tree-navigation-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-system-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-system-button-padding-divider: 8px;--app-components-system-button-icon-spacing: 4px;--app-components-system-button-visual-target: var( --global-size-spacing-visual-target-min );--app-components-system-button-border-radius: var( --global-border-radius-border-radius-base );--app-components-system-button-margin: 8px;--app-components-system-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-system-button-label-spacing: 8px;--app-components-command-button-label-spacing: 8px;--global-size-spacing-icon-icon-size-small: 16px;--app-components-breadcrumb-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-breadcrumb-item-label-spacing: 4px;--app-components-breadcrumb-item-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-breadcrumb-item-chevron-container-size: 16px;--app-components-breadcrumb-item-padding-horizontal: 4px;--app-components-breadcrumb-item-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-breadcrumb-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-chip-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-chip-padding-horizontal: 8px;--ui-components-chip-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-chip-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-border-radius-2: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-3: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-4: var( --global-border-radius-border-radius-base );--ui-components-chip-border-radius: var(--border-radius-br-24);--ui-components-chip-label-spacing: 4px;--app-components-alert-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-alert-button-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-alert-button-padding-vertical: 4px;--app-components-clock-touch-target-size-double: 64px;--app-components-clock-visual-target-size-double: 56px;--app-components-system-button-divider-height: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-topbar-height-large: 64px;--app-components-topbar-padding-left-inactive: 12px;--app-components-topbar-margin-global: 4px;--app-components-system-button-padding: 4px;--app-components-topbar-padding-left-small: 16px;--app-components-topbar-height-double: 96px;--app-components-tool-bar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-tool-bar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-tool-bar-margin-global: 4px;--app-components-vendor-button-padding-badge: 8px;--app-components-navigation-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-app-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-accordion-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-item-label-spacing: 8px;--ui-components-accordion-item-padding-horizontal: 8px;--ui-components-accordion-item-border-radius: var(--border-radius-br-6);--ui-components-accordion-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-scroll-bar-container-size-regular: 16px;--menu-navigation-components-scroll-bar-visual-target-size-regular: 16px;--menu-navigation-components-scroll-bar-visual-target-size-large: var( --global-size-spacing-visual-target-min );--menu-navigation-components-scroll-bar-touch-target-size-large: var( --global-size-spacing-touch-target-min );--menu-navigation-components-scroll-bar-container-size-thin: 4px;--menu-navigation-components-scroll-bar-visual-target-size-thin: 4px;--menu-navigation-components-scroll-bar-border-radius: var( --global-border-radius-border-radius-round );--menu-navigation-components-scroll-bar-spacing-vertical-regular: 8px;--app-components-app-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-pivot-item-icon-pivot-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-visual-target-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-horizontal: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-label-spacing: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-pivot-item-icon-pivot-item-border-radius-active-tab: 2px;--menu-navigation-components-pivot-item-icon-pivot-item-size-active-tab: 2px;--ui-components-toggle-switch-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-pivot-row-padding-horizontal: 4px;--menu-navigation-components-pivot-row-padding-horizontal-divider: 12px;--ui-components-toggle-switch-item-touch-target-size-two-story: var( --global-size-spacing-touch-target-min-two-story );--ui-components-app-button-touch-target-size-enhanced: 72px;--ui-components-app-button-visual-size-enhanced: 64px;--ui-components-app-button-icon-size-enhanced: 48px;--ui-components-app-button-padding-vertical-enhanced: 8px;--app-components-app-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-app-menu-label-spacing: 8px;--app-components-dimming-menu-icon-size: 48px;--app-components-dimming-menu-padding-vertical: 8px;--app-components-dimming-menu-padding-horizontal: 8px;--app-components-dimming-menu-label-spacing: 8px;--app-components-dimming-menu-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-page-indicator-indicator-size: 8px;--menu-navigation-components-page-indicator-indicator-spacing: 8px;--app-components-alert-list-item-padding-horizontal: 24px;--menu-navigation-components-table-item-padding-icon: 4px;--menu-navigation-components-terminal-padding-aggregated-icon: 4px;--menu-navigation-components-table-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--alert-components-badge-icon-size-large: 20px;--alert-components-badge-label-spacing-large: 2px;--app-components-notification-list-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-list-item-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-list-item-label-spacing: 8px;--app-components-notification-list-item-padding-horizontal: var( --app-components-alert-list-item-padding-horizontal );--app-components-notification-list-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-list-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--menu-navigation-components-table-row-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--menu-navigation-components-table-row-first-column-width: 320px;--ui-components-slider-discrete-track-height: 4px;--ui-components-slider-discrete-thumb-margin: 4px;--ui-components-slider-discrete-thumb-indicator-width: 4px;--ui-components-slider-discrete-thumb-indicator-height: 16px;--ui-components-slider-discrete-thumb-width: 8px;--ui-components-slider-discrete-thumb-padding: 4px;--ui-components-slider-discrete-thumb-height: 24px;--app-components-alert-menu-padding-horizontal: 8px;--app-components-alert-menu-title-container-height: 64px;--app-components-alert-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-padding-horizontal: 8px;--app-components-notification-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-title-container-height: var( --app-components-alert-menu-title-container-height );--app-components-alert-list-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-list-item-label-spacing: 16px;--app-components-alert-list-item-touch-target-min: var( --global-size-spacing-touch-target-min );--app-components-alert-list-item-button-size: 96px;--app-components-alert-menu-button-size: var( --app-components-alert-list-item-button-size );--app-components-alert-list-item-padding-vertical: 8px;--app-components-alert-list-item-chevron-container-size: 32px;--ui-components-slider-regular-tick-height: 6px;--app-components-notification-menu-button-size: var( --app-components-alert-list-item-button-size );--ui-components-slider-discrete-leading-icon-padding: 8px;--app-components-notification-list-item-padding-vertical: 8px;--ui-components-slider-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-thumb-boder-raduis: var( --global-border-radius-border-radius-round );--app-components-notification-list-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--global-size-spacing-icon-icon-size-large: 32px;--app-components-notification-floating-item-label-spacing: 8px;--app-components-notification-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-padding-horizontal: 24px;--app-components-notification-floating-item-padding-vertical-single: 8px;--app-components-notification-floating-item-padding-vertical-multi: 12px;--app-components-alert-floating-item-app-icon-size: var( --global-size-spacing-icon-icon-size-xlarge );--app-components-alert-floating-item-label-spacing: 8px;--app-components-alert-floating-item-padding-horizontal: 24px;--app-components-alert-floating-item-padding-vertical-single: 8px;--app-components-alert-floating-item-padding-vertical-multi: 12px;--app-components-alert-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-floating-item-icon-container-size: 48px;--global-size-spacing-icon-icon-size-xlarge: 40px;--app-components-alert-floating-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-floating-item-button-width: var( --app-components-alert-list-item-button-size );--ui-components-slider-thumb-gap-stroke: 4px;--ui-components-slider-discrete-value-padding: 8px;--ui-components-slider-discrete-value-container-size: 32px;--ui-components-slider-discrete-padding-horizontal-right: 8px;--ui-components-slider-discrete-icon-container-width: 8px;--ui-components-slider-regular-icon-container-width: 24px;--app-components-user-menu-padding-vertical: 8px;--app-components-user-menu-padding-horizontal: 8px;--app-components-user-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-slider-enhanced-icon-container-width: 24px;--ui-components-slider-button-icon-container-width: 24px;--ui-components-slider-indicator-icon-container-width: 8px;--ui-components-user-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-user-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-user-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-user-button-label-spacing: 0;--ui-components-user-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-user-button-padding-vertical: 4px;--ui-components-user-button-touch-target-size-enhanced: 72px;--ui-components-user-button-visual-size-enhanced: 64px;--ui-components-user-button-icon-size-enhanced: 48px;--ui-components-user-button-padding-vertical-enhanced: 8px;--ui-components-user-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-alert-button-padding-horizontal: 4px;--app-components-alert-button-alert-button-width: 56px;--alert-components-badge-min-size-large: 24px;--ui-components-context-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-toggle-switch-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tree-navigation-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--global-size-spacing-list-item-menu-margin-horizontal-context-menu: 4px;--menu-navigation-components-navigation-item-margin-horizontal-list-item: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--app-components-alert-list-item-icon-spacing: 4px;--menu-navigation-components-table-item-icon-spacing: 4px;--global-size-spacing-list-item-menu-margin-vertical-menu: 16px;--global-size-spacing-list-item-menu-margin-horizontal-menu: 16px;--global-size-spacing-icon-n: 0;--app-components-app-menu-app-button-spacing: 8px;--app-components-app-menu-padding-vertical: 8px;--app-components-app-menu-padding-horizontal: 8px;--app-components-app-menu-margin-scroll-bar: 4px;--app-components-dimming-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-dimming-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-user-menu-button-spacing: 8px;--app-components-user-menu-button-width: 128px;--ui-components-progressbars-progress-bar--linear-bar-height: 8px;--ui-components-progressbars-progress-bar--linear-padding-vertical: 4px;--ui-components-progressbars-progress-bar--linear-padding-horizontal: 8px;--app-components-clock-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-progressbars-progress-bar--linear-label-spacing: 2px;--ui-components-progressbars-progress-bar--circular-bar-weight: 4px;--ui-components-progressbars-progress-button--linear-bar-height: 4px;--ui-components-progressbars-progress-button--linear-padding-vertical-bar: 2px;--ui-components-progressbars-progress-button--linear-padding-horizontal-bar: 0;--ui-components-progressbars-progress-button--circular-bar-weight: 4px;--app-components-modal-margin-vertical: 24px;--app-components-modal-title-container-height: var( --global-size-spacing-touch-target-min );--app-components-modal-button-spacing: 8px;--app-components-modal-border-radius: var( --global-border-radius-border-radius-floating );--app-components-modal-padding-vertical-button-container: 8px;--app-components-modal-padding-divider: 4px;--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-active-tab: 4px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-active-tab: 8px;--app-components-system-menu-padding-horizontal: 8px;--app-components-system-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-system-menu-spacing-large: 16px;--app-components-system-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-alert-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-notification-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-notification-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-icon-size: 48px;--app-components-system-menu-spacing: 8px;--app-components-system-menu-padding-vertical: 8px;--ui-components-audio-visual-height: 24px;--ui-components-audio-visual-width: 12px;--ui-components-audio-visual-spacing: 8px;--menu-navigation-components-page-indicator-date-item-visual-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-page-indicator-date-item-padding-horizontal: 8px;--menu-navigation-components-page-indicator-date-item-padding-vertical: 8px;--menu-navigation-components-page-indicator-date-item-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-page-indicator-date-item-border-radius: var( --global-border-radius-border-radius-check );--menu-navigation-components-page-indicator-date-item-indicator-size: 4px;--menu-navigation-components-page-indicator-date-item-indicator-spacing: 2px;--menu-navigation-components-page-indicator-date-item-event-spacing: 4px;--menu-navigation-components-appointment-item-margin-horizontal: 16px;--menu-navigation-components-appointment-item-padding-vertical: 8px;--menu-navigation-components-appointment-item-margin-vertical-bottom: 16px;--menu-navigation-components-appointment-item-label-spacing: 4px;--menu-navigation-components-page-indicator-date-item-padding-borrom-indicator: 2px;--menu-navigation-components-calendar-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-calendar-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--menu-navigation-components-calendar-padding-vertical: 8px;--menu-navigation-components-calendar-border-radius: var( --global-border-radius-border-radius-floating );--app-components-navigation-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-navigation-menu-footer-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-footer-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-system-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tab-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-label-spacing: 8px;--menu-navigation-components-tab-item-padding-horizontal: 16px;--menu-navigation-components-tab-item-divider-height: 24px;--menu-navigation-components-tab-item-spacing: 8px;--menu-navigation-components-tab-item-spacing-large: 16px;--menu-navigation-components-tab-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-horizontal: 8px;--menu-navigation-components-appointment-item-padding-horizontal: 8px;--menu-navigation-components-appointment-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-event-item-margin-horizontal: 16px;--menu-navigation-components-event-item-margin-vertical-bottom: 16px;--menu-navigation-components-event-item-padding-horizontal: 8px;--menu-navigation-components-event-item-padding-vertical: 8px;--menu-navigation-components-event-item-spacing: 8px;--menu-navigation-components-event-item-spacing-large: 16px;--menu-navigation-components-event-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-vertical-scrollbar: 4px;--menu-navigation-components-calendar-padding-horizontal-scrollbar: 4px;--menu-navigation-components-calendar-divider-height: 24px;--menu-navigation-components-calendar-date-spacing: 4px;--menu-navigation-components-calendar-event-width: 420px;--menu-navigation-components-event-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-calendar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-command-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-command-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-command-menu-label-spacing: 8px;--app-components-command-menu-padding-vertical: 8px;--app-components-command-menu-padding-horizontal: 8px;--app-components-command-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-command-menu-icon-size-large: 64px;--ui-components-divider-height-small: 16px;--global-size-spacing-column-width: 320px;--app-components-command-menu-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-horizontal: 8px;--ui-components-dropdown-button-padding-top-context-menu: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-padding-horizontal: 8px;--app-components-tool-bar-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-table-header-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-header-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-header-item-label-spacing: 8px;--menu-navigation-components-table-header-item-icon-spacing: 4px;--menu-navigation-components-table-header-item-padding-icon: 4px;--menu-navigation-components-table-header-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-header-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-header-item-badge-spacing: 4px;--menu-navigation-components-table-header-item-padding-top: 12px;--menu-navigation-components-table-header-item-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-divider-height-regular: 24px;--automation-components-button-visual-target: 32px;--automation-components-button-touch-target-size: 48px;--automation-components-button-icon-size: 24px;--automation-components-button-icon-size-flat: 32px;--automation-components-button-icon-outliner-stroke: 2px;--automation-components-button-icon-double-primary-size: 24px;--automation-components-button-icon-double-secondary-size: 16px;--automation-components-button-border-radius-round: 100px;--app-components-tool-bar-padding-horizontal: 8px;--automation-components-button-progress-bar-stroke: 2px;--app-components-tool-bar-label-spacing: 8px;--automation-components-button-progress-bar-mask-stroke: 4px;--automation-components-button-border-radius-square: 6px;--automation-components-badge-icon-size: 12px;--automation-components-badge-border-radius: 2px;--automation-components-badge-padding: 0;--app-components-navigation-menu-sub-page-padding-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-sub-page-padding-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-breadcrumbs-padding-horizontal: 0;--app-components-command-button-padding-horizontal: 8px;--app-components-topbar-spacer-nav-arrows: 16px;--app-components-navigation-menu-sub-page-padding-vertical-spatious: 16px;--app-components-navigation-menu-sub-page-padding-horizontal-spatious: 16px;--ui-components-chip-space-between: 4px;--ui-components-rich-button-icon-size-xlarge: var( --global-size-spacing-icon-icon-size-xlarge );--ui-components-rich-button-label-spacing: 8px;--ui-components-rich-button-margin-horizontal: 16px;--ui-components-rich-button-padding-horizontal: 8px;--ui-components-rich-button-padding-vertical: 8px;--ui-components-rich-button-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-rich-button-graphics-height: 80px;--ui-components-rich-button-graphics-width: 80px;--ui-components-rich-button-margin-vertical: 16px;--ui-components-rich-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-badge-icon-size-flat: 12px;--ui-components-rich-button-padding-vertical-small: 4px;--ui-components-context-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--number: 0;--automation-components-readout-touch-target-size: var( --global-size-spacing-touch-target-min );--automation-components-readout-visual-size: var( --global-size-spacing-visual-target-min );--automation-components-tanks-number: 0;--automation-components-tanks-number-2: 0;--automation-components-tanks-number-3: 0;--automation-components-automation-control-number: 0;--automation-components-automation-control-number-2: 0;--automation-components-automation-control-number-3: 0;--automation-components-readout-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-readout-label-spacing: 8px;--automation-components-readout-padding-horizontal: 4px;--automation-components-readout-stroke-weight: 1px;--automation-components-readout-stroke-weight-left: var( --button-stroke-weight-left );--automation-components-readout-stroke-weight-right: var( --button-stroke-weight-right );--automation-components-readout-stroke-weight-top: var( --button-stroke-weight-top );--automation-components-readout-stroke-weight-bottom: var( --button-stroke-weight-bottom );--automation-components-readout-stack-spacing: 0;--automation-components-readout-border-radius: var( --global-border-radius-border-radius-base );--automation-components-readout-border-radius-top-left: var( --button-border-radius-top-left );--automation-components-readout-border-radius-top-right: var( --button-border-radius-top-right );--automation-components-readout-border-radius-bottom-left: var( --button-border-radius-bottom-left );--automation-components-readout-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-elevated-card-touch-target-min: 64px}.obc-component-size-medium{--global-size-spacing-touch-target-min: 56px;--global-size-spacing-visual-target-min: 40px;--global-size-spacing-icon-icon-size-regular: 32px;--ui-components-button-label-spacing: 8px;--ui-components-button-padding-horizontal: 4px;--global-size-spacing-selection-size-min: 32px;--ui-components-button-stroke-weight: 1px;--global-size-spacing-target-padding: 4px;--ui-components-toggle-switch-thumb-size: 16px;--ui-components-toggle-switch-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-selection-padding: 8px;--ui-components-toggle-switch-selection-width: 64px;--global-size-spacing-border-weight-focusframe: 2px;--ui-components-toggle-switch-item-border-radius: var( --border-radius-br-round );--global-typography-button-font-size: var(--font-size-150);--global-typography-button-line-height: var(--line-height-150);--global-typography-button-font-weight: var(--font-weight-semibold);--global-typography-label-font-size: var(--font-size-100);--global-typography-label-line-height: var(--line-height-100);--global-typography-label-font-weight: var(--font-weight-regular);--global-typography-body-font-size: var(--font-size-150);--global-typography-body-line-height: var(--line-height-150);--global-typography-body-font-weight: var(--font-weight-regular);--global-typography-body-active-font-size: var(--font-size-150);--global-typography-body-active-line-height: var(--line-height-150);--global-typography-body-active-font-weight: var(--font-weight-bold);--ui-components-checkbox-visual-target-size: var( --global-size-spacing-selection-size-min );--ui-components-checkbox-border-radius: var( --global-border-radius-border-radius-check );--ui-components-checkbox-label-spacing: 12px;--ui-components-checkbox-nested-item-padding-left: 40px;--ui-components-app-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-app-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-app-button-padding-vertical: 4px;--alert-components-badge-icon-size: 16px;--alert-components-badge-label-spacing: 2px;--alert-components-badge-border-radius: var(--border-radius-br-2);--alert-components-alert-frame-border-radius: var( --ui-components-button-border-radius );--menu-navigation-components-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-navigation-item-label-spacing: 8px;--menu-navigation-components-navigation-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-navigation-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-navigation-item-margin-horizontal-icon-button: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-checkbox-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-item-label-spacing: 8px;--ui-components-toggle-switch-selection-height: var( --global-size-spacing-selection-size-min );--ui-components-icon-button-label-spacing: 0;--ui-components-icon-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-app-button-label-spacing: 0;--ui-components-card-label-spacing: 8px;--alert-components-alert-frame-icon-size: var( --global-size-spacing-icon-icon-size-xsmall );--alert-components-alert-frame-padding-horizontal: 4px;--alert-components-alert-frame-padding-vertical: 0;--alert-components-alert-frame-small-flip-border-radius: var( --alert-components-badge-border-radius );--global-typography-overline-font-size: var(--font-size-150);--global-typography-overline-line-height: var(--line-height-150);--global-typography-overline-font-weight: var(--font-weight-semibold);--global-typography-overline-letter-spacing: .25px;--global-typography-label-active-font-size: var(--font-size-100);--global-typography-label-active-line-height: var(--line-height-100);--global-typography-label-active-font-weight: var(--font-weight-bold);--alert-components-badge-padding: 2px;--menu-navigation-components-navigation-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-radio-button-label-spacing: 12px;--ui-components-radio-button-selection-size: var( --global-size-spacing-selection-size-min );--ui-components-radio-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-checkbox-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-toggle-switch-item-padding-horizontal: 8px;--ui-components-radio-button-thumb-size: 10px;--ui-components-toggle-switch-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-radio-button-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-context-menu-menu-width: 320px;--ui-components-accordion-label-spacing: 8px;--ui-components-accordion-padding-horizontal: 8px;--ui-components-accordion-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-border-radius: var(--border-radius-br-6);--ui-components-icon-button-padding-vertical: 4px;--ui-components-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-card-border-radius-regular: var( --global-border-radius-border-radius-base );--ui-components-radio-button-selection-border-radius: var( --global-border-radius-border-radius-round );--ui-components-card-border-radius-expanded: var( --global-border-radius-border-radius-floating );--global-size-spacing-icon-icon-size-xsmall: 16px;--ui-components-icon-button-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-base: var(--border-radius-br-6);--ui-components-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-visual-target-size: var( --global-size-spacing-visual-target-min );--global-border-radius-border-radius-check: var(--border-radius-br-4);--global-border-radius-border-radius-round: var(--border-radius-br-round);--ui-components-app-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-border-radius-border-radius-floating: var(--border-radius-br-12);--alert-components-alert-frame-large-flip-padding: var( --alert-components-badge-border-radius );--alert-components-alert-frame-large-flip-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-touch-target-min-two-story: 64px;--ui-components-slide-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-visual-size: var( --global-size-spacing-visual-target-min );--global-size-spacing-border-weight-alertframe: 4px;--global-size-spacing-list-item-menu-padding-horizonal-list-item: 12px;--global-size-spacing-list-item-menu-margin-horizontal-list-item: 0;--ui-components-radio-button-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-radio-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-padding-horizontal: 16px;--ui-components-elevated-card-margin-horizontal: 20px;--ui-components-elevated-card-padding-vertical: 8px;--ui-components-card-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-padding-horizontal: 4px;--ui-components-state-toggle-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-state-toggle-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-state-toggle-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-state-toggle-selection-width: 64px;--ui-components-state-toggle-padding-vertical: 4px;--ui-components-start-stop-switch-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-start-stop-switch-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-start-stop-switch-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-top: 4px;--ui-components-start-stop-switch-border-radius: var( --global-border-radius-border-radius-base );--ui-components-state-toggle-border-radius: var( --global-border-radius-border-radius-base );--ui-components-start-stop-switch-description-spacing: 0;--ui-components-start-stop-switch-padding-bottom: 4px;--ui-components-start-stop-switch-label-spacing: 8px;--ui-components-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-check-button-label-spacing: 8px;--ui-components-check-button-padding-horizontal: 4px;--ui-components-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-check-button-label-spacing: 0;--ui-components-icon-check-button-padding-horizontal: 4px;--ui-components-icon-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-label-spacing: 0;--ui-components-toggle-button-padding-horizontal: 4px;--ui-components-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-stroke-width: 1px;--ui-components-icon-button-padding-left: var(--icon-button-padding-left);--ui-components-icon-button-padding-right: var(--icon-button-padding-right);--ui-components-icon-button-padding-horizontal: 8px;--ui-components-elevated-card-graphics-height: 96px;--ui-components-elevated-card-graphics-width: 96px;--ui-components-text-input-field-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-text-input-field-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-text-input-field-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-text-input-field-label-spacing: 8px;--ui-components-text-input-field-padding-vertical: 4px;--ui-components-text-input-field-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-input-field: var(--border-radius-br-4);--ui-components-elevated-card-label-spacing: 8px;--ui-components-button-border-radius-top-left: var( --button-border-radius-top-left );--ui-components-button-border-radius-top-right: var( --button-border-radius-top-right );--ui-components-button-border-radius-bottom-left: var( --button-border-radius-bottom-left );--ui-components-button-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-text-input-field-border-radius-top-left: var( --input-field-border-radius-top-left );--ui-components-text-input-field-border-radius-top-right: var( --input-field-border-radius-top-right );--ui-components-text-input-field-border-radius-bottom-left: var( --input-field-border-radius-bottom-left );--ui-components-text-input-field-border-radius-bottom-right: var( --input-field-border-radius-bottom-right );--ui-components-text-input-field-stroke-weight: 1px;--ui-components-toggle-button-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-item-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-item-label-spacing: 8px;--ui-components-toggle-button-item-padding-horizontal: 4px;--ui-components-toggle-button-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-item-description-spacing: 0;--ui-components-text-input-field-padding-horizontal: 8px;--ui-components-text-input-field-button-margin: 4px;--ui-components-button-stroke-weight-left: var(--button-stroke-weight-left);--ui-components-button-stroke-weight-top: var(--button-stroke-weight-top);--ui-components-button-stroke-weight-right: var(--button-stroke-weight-right);--ui-components-button-stroke-weight-bottom: var( --button-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-bottom: var( --input-field-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-left: var( --input-field-stroke-weight-left );--ui-components-text-input-field-stroke-weight-top: var( --input-field-stroke-weight-top );--ui-components-text-input-field-stroke-weight-right: var( --input-field-stroke-weight-right );--ui-components-text-input-field-padding-right: var( --input-field-padding-right );--ui-components-text-input-field-padding-left: var( --input-field-padding-left );--app-components-topbar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-padding-horizontal: 8px;--menu-navigation-components-table-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-item-label-spacing: 8px;--menu-navigation-components-table-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-item-badge-spacing: 2px;--menu-navigation-components-navigation-item-visual-target-size: var( --global-size-spacing-touch-target-min );--app-components-navigation-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-slider-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slider-regular-thumb-height: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-slider-spacing: 8px;--ui-components-slider-padding-horizontal: 28px;--ui-components-slider-border-radius: var( --global-border-radius-border-radius-base );--ui-components-slider-regular-track-height: 6px;--menu-navigation-components-branch-touch-target-size-height: var( --global-size-spacing-touch-target-min );--menu-navigation-components-branch-width: 37.33333206176758px;--menu-navigation-components-table-item-padding-top: 12px;--ui-components-context-menu-border-radius: var( --global-border-radius-border-radius-floating );--global-size-spacing-list-item-menu-margin-vertical-context-menu: 4px;--ui-components-context-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--ui-components-checkbox-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-checkbox-list-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-dropdown-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-typography-button-two-line-font-size: var(--font-size-100);--global-typography-button-two-line-line-height: var(--line-height-075);--global-typography-button-two-line-font-weight: var(--font-weight-bold);--global-typography-button-two-line-letter-spacing: .5px;--ui-components-keyboard-nummeric-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-nummeric-button-spacing: 8px;--ui-components-keyboard-nummeric-section-spacing: 16px;--ui-components-slider-regular-thumb-width: 12px;--ui-components-slider-enhanced-track-height: 32px;--ui-components-slider-enhanced-thumb-height: 32px;--ui-components-slider-enhanced-thumb-width: 12px;--ui-components-keyboard-nummeric-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-toggle-button-label-spacing: 8px;--ui-components-icon-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-toggle-button-description-spacing: 0;--ui-components-context-menu-title-label-spacing: 16px;--ui-components-slider-regular-thumb-indicator-height: 32px;--ui-components-slider-regular-thumb-indicator-width: 32px;--ui-components-slider-regular-thumb-padding: 4px;--ui-components-slider-regular-thumb-margin: 6px;--ui-components-slider-button-thumb-height: 32px;--ui-components-slider-button-thumb-width: var( --global-size-spacing-touch-target-min );--ui-components-slider-button-track-height: 32px;--ui-components-slider-indicator-thumb-height: 8px;--ui-components-slider-indicator-thumb-width: 8px;--ui-components-slider-indicator-track-height: 6px;--menu-navigation-components-navigation-item-command-icon-size: var( --global-size-spacing-icon-icon-size-small );--menu-navigation-components-navigation-item-touch-target-size-large: 72px;--menu-navigation-components-navigation-item-flyout-icon-container-size: 20px;--menu-navigation-components-navigation-item-margin-vertical-icon-button: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--alert-components-badge-icon-size-flat: 20px;--alert-components-badge-icon-size-flat-border-weight: 1px;--ui-components-elevated-card-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-action-button-width: 128px;--ui-components-keyboard-nummeric-component-height-min: 408px;--ui-components-keyboard-nummeric-component-width-min: 360px;--ui-components-keyboard-nummeric-keys-section-width-min: 184px;--ui-components-keyboard-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-button-spacing: 8px;--ui-components-keyboard-section-spacing: 16px;--ui-components-keyboard-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-action-button-width: 128px;--ui-components-keyboard-component-height: 472px;--ui-components-keyboard-component-width-min: 808px;--ui-components-keyboard-keys-section-width-min: 184px;--ui-components-keyboard-border-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-padding-spacer: 32px;--ui-components-keyboard-nummeric-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-branch-icon-size-mask: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-clock-label-spacing: 4px;--app-components-clock-padding-horizontal: 8px;--app-components-clock-vertical-stack-spacing: 0;--app-components-clock-colon-size: 4px;--app-components-clock-colon-spacing: 4px;--app-components-clock-margin-horizontal: 4px;--app-components-clock-touch-target: var( --global-size-spacing-touch-target-min );--app-components-clock-visual-target: var( --global-size-spacing-visual-target-min );--app-components-clock-border-radius: var( --global-border-radius-border-radius-base );--app-components-clock-digit-spacing: 2px;--app-components-topbar-label-spacing: 8px;--app-components-topbar-label-padding: 4px;--app-components-alert-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-button-padding-counter-right: 2px;--app-components-alert-button-counter-spacing: 4px;--app-components-notification-message-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-message-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-message-label-spacing: 8px;--app-components-notification-message-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-message-touch-target-size-double: 80px;--app-components-notification-message-visual-target-size-double: 72px;--app-components-notification-message-border-radius: var( --global-border-radius-border-radius-base );--app-components-notification-message-border-radius-top-left: var( --button-border-radius-top-left );--app-components-notification-message-border-radius-top-right: var( --button-border-radius-top-right );--app-components-notification-message-border-radius-bottom-left: var( --button-border-radius-bottom-left );--app-components-notification-message-border-radius-bottom-right: var( --button-border-radius-bottom-right );--app-components-notification-message-stroke-weight: 1px;--app-components-notification-message-stroke-weight-left: var( --notification-message-stroke-weight-left );--app-components-notification-message-stroke-weight-top: var( --notification-message-stroke-weight-top );--app-components-notification-message-stroke-weight-right: var( --notification-message-stroke-weight-right );--app-components-notification-message-stroke-weight-bottom: var( --notification-message-stroke-weight-bottom );--app-components-notification-message-padding-horizontal: 8px;--app-components-notification-message-label-spacing-vertical: 4px;--global-size-spacing-state-container-stroke-weight: 1px;--global-size-spacing-state-container-stroke-weight-left: var( --state-container-stroke-weight-left );--global-size-spacing-state-container-stroke-weight-top: var( --state-container-stroke-weight-top );--global-size-spacing-state-container-stroke-weight-right: var( --state-container-stroke-weight-right );--global-size-spacing-state-container-stroke-weight-bottom: var( --state-container-stroke-weight-bottom );--global-size-spacing-state-container-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-state-container-border-radius-top-left: var( --state-container-border-radius-top-left );--global-size-spacing-state-container-border-radius-top-right: var( --state-container-border-radius-top-right );--global-size-spacing-state-container-border-radius-bottom-right: var( --state-container-border-radius-bottom-right );--global-size-spacing-state-container-border-radius-bottom-left: var( --state-container-border-radius-bottom-left );--app-components-alert-button-stack-spacing: 8px;--app-components-alert-button-margin-horizontal: 8px;--menu-navigation-components-tree-navigation-item-padding-horizontal: 8px;--menu-navigation-components-tree-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tree-navigation-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-system-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-system-button-padding-divider: 8px;--app-components-system-button-icon-spacing: 4px;--app-components-system-button-visual-target: var( --global-size-spacing-visual-target-min );--app-components-system-button-border-radius: var( --global-border-radius-border-radius-base );--app-components-system-button-margin: 8px;--app-components-system-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-system-button-label-spacing: 8px;--app-components-command-button-label-spacing: 8px;--global-size-spacing-icon-icon-size-small: 20px;--app-components-breadcrumb-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-breadcrumb-item-label-spacing: 4px;--app-components-breadcrumb-item-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-breadcrumb-item-chevron-container-size: 20px;--app-components-breadcrumb-item-padding-horizontal: 4px;--app-components-breadcrumb-item-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-breadcrumb-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-chip-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-chip-padding-horizontal: 8px;--ui-components-chip-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-chip-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-border-radius-2: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-3: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-4: var( --global-border-radius-border-radius-base );--ui-components-chip-border-radius: var(--border-radius-br-24);--ui-components-chip-label-spacing: 4px;--app-components-alert-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-alert-button-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-alert-button-padding-vertical: 4px;--app-components-clock-touch-target-size-double: 80px;--app-components-clock-visual-target-size-double: 72px;--app-components-system-button-divider-height: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-topbar-height-large: 84px;--app-components-topbar-padding-left-inactive: 16px;--app-components-topbar-margin-global: 4px;--app-components-system-button-padding: 4px;--app-components-topbar-padding-left-small: 16px;--app-components-topbar-height-double: 112px;--app-components-tool-bar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-tool-bar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-tool-bar-margin-global: 4px;--app-components-vendor-button-padding-badge: 10px;--app-components-navigation-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-app-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-accordion-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-item-label-spacing: 8px;--ui-components-accordion-item-padding-horizontal: 8px;--ui-components-accordion-item-border-radius: var(--border-radius-br-6);--ui-components-accordion-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-scroll-bar-container-size-regular: 20px;--menu-navigation-components-scroll-bar-visual-target-size-regular: 20px;--menu-navigation-components-scroll-bar-visual-target-size-large: var( --global-size-spacing-visual-target-min );--menu-navigation-components-scroll-bar-touch-target-size-large: var( --global-size-spacing-touch-target-min );--menu-navigation-components-scroll-bar-container-size-thin: 4px;--menu-navigation-components-scroll-bar-visual-target-size-thin: 4px;--menu-navigation-components-scroll-bar-border-radius: var( --global-border-radius-border-radius-round );--menu-navigation-components-scroll-bar-spacing-vertical-regular: 8px;--app-components-app-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-pivot-item-icon-pivot-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-visual-target-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-horizontal: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-label-spacing: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-pivot-item-icon-pivot-item-border-radius-active-tab: 2px;--menu-navigation-components-pivot-item-icon-pivot-item-size-active-tab: 3px;--ui-components-toggle-switch-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-pivot-row-padding-horizontal: 4px;--menu-navigation-components-pivot-row-padding-horizontal-divider: 12px;--ui-components-toggle-switch-item-touch-target-size-two-story: var( --global-size-spacing-touch-target-min-two-story );--ui-components-app-button-touch-target-size-enhanced: 88px;--ui-components-app-button-visual-size-enhanced: 72px;--ui-components-app-button-icon-size-enhanced: 56px;--ui-components-app-button-padding-vertical-enhanced: 8px;--app-components-app-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-app-menu-label-spacing: 8px;--app-components-dimming-menu-icon-size: 56px;--app-components-dimming-menu-padding-vertical: 8px;--app-components-dimming-menu-padding-horizontal: 8px;--app-components-dimming-menu-label-spacing: 8px;--app-components-dimming-menu-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-page-indicator-indicator-size: 10px;--menu-navigation-components-page-indicator-indicator-spacing: 10px;--app-components-alert-list-item-padding-horizontal: 32px;--menu-navigation-components-table-item-padding-icon: 4px;--menu-navigation-components-terminal-padding-aggregated-icon: 4px;--menu-navigation-components-table-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--alert-components-badge-icon-size-large: 24px;--alert-components-badge-label-spacing-large: 2px;--app-components-notification-list-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-list-item-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-list-item-label-spacing: 8px;--app-components-notification-list-item-padding-horizontal: var( --app-components-alert-list-item-padding-horizontal );--app-components-notification-list-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-list-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--menu-navigation-components-table-row-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--menu-navigation-components-table-row-first-column-width: 400px;--ui-components-slider-discrete-track-height: 6px;--ui-components-slider-discrete-thumb-margin: 4px;--ui-components-slider-discrete-thumb-indicator-width: 32px;--ui-components-slider-discrete-thumb-indicator-height: 32px;--ui-components-slider-discrete-thumb-width: 12px;--ui-components-slider-discrete-thumb-padding: 32px;--ui-components-slider-discrete-thumb-height: 32px;--app-components-alert-menu-padding-horizontal: 8px;--app-components-alert-menu-title-container-height: 72px;--app-components-alert-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-padding-horizontal: 8px;--app-components-notification-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-title-container-height: var( --app-components-alert-menu-title-container-height );--app-components-alert-list-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-list-item-label-spacing: 20px;--app-components-alert-list-item-touch-target-min: var( --global-size-spacing-touch-target-min );--app-components-alert-list-item-button-size: 128px;--app-components-alert-menu-button-size: var( --app-components-alert-list-item-button-size );--app-components-alert-list-item-padding-vertical: 8px;--app-components-alert-list-item-chevron-container-size: 40px;--ui-components-slider-regular-tick-height: 6px;--app-components-notification-menu-button-size: var( --app-components-alert-list-item-button-size );--ui-components-slider-discrete-leading-icon-padding: 8px;--app-components-notification-list-item-padding-vertical: 8px;--ui-components-slider-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-thumb-boder-raduis: var( --global-border-radius-border-radius-round );--app-components-notification-list-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--global-size-spacing-icon-icon-size-large: 40px;--app-components-notification-floating-item-label-spacing: 8px;--app-components-notification-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-padding-horizontal: 20px;--app-components-notification-floating-item-padding-vertical-single: 8px;--app-components-notification-floating-item-padding-vertical-multi: 16px;--app-components-alert-floating-item-app-icon-size: var( --global-size-spacing-icon-icon-size-xlarge );--app-components-alert-floating-item-label-spacing: 8px;--app-components-alert-floating-item-padding-horizontal: 20px;--app-components-alert-floating-item-padding-vertical-single: 8px;--app-components-alert-floating-item-padding-vertical-multi: 16px;--app-components-alert-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-floating-item-icon-container-size: 56px;--global-size-spacing-icon-icon-size-xlarge: 48px;--app-components-alert-floating-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-floating-item-button-width: var( --app-components-alert-list-item-button-size );--ui-components-slider-thumb-gap-stroke: 4px;--ui-components-slider-discrete-value-padding: 8px;--ui-components-slider-discrete-value-container-size: 40px;--ui-components-slider-discrete-padding-horizontal-right: 8px;--ui-components-slider-discrete-icon-container-width: 12px;--ui-components-slider-regular-icon-container-width: 28px;--app-components-user-menu-padding-vertical: 8px;--app-components-user-menu-padding-horizontal: 8px;--app-components-user-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-slider-enhanced-icon-container-width: 28px;--ui-components-slider-button-icon-container-width: 28px;--ui-components-slider-indicator-icon-container-width: 12px;--ui-components-user-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-user-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-user-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-user-button-label-spacing: 0;--ui-components-user-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-user-button-padding-vertical: 4px;--ui-components-user-button-touch-target-size-enhanced: 88px;--ui-components-user-button-visual-size-enhanced: 72px;--ui-components-user-button-icon-size-enhanced: 56px;--ui-components-user-button-padding-vertical-enhanced: 8px;--ui-components-user-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-alert-button-padding-horizontal: 4px;--app-components-alert-button-alert-button-width: 64px;--alert-components-badge-min-size-large: 28px;--ui-components-context-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-toggle-switch-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tree-navigation-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--global-size-spacing-list-item-menu-margin-horizontal-context-menu: 4px;--menu-navigation-components-navigation-item-margin-horizontal-list-item: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--app-components-alert-list-item-icon-spacing: 4px;--menu-navigation-components-table-item-icon-spacing: 4px;--global-size-spacing-list-item-menu-margin-vertical-menu: 20px;--global-size-spacing-list-item-menu-margin-horizontal-menu: 20px;--global-size-spacing-icon-n: 0;--app-components-app-menu-app-button-spacing: 8px;--app-components-app-menu-padding-vertical: 8px;--app-components-app-menu-padding-horizontal: 8px;--app-components-app-menu-margin-scroll-bar: 4px;--app-components-dimming-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-dimming-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-user-menu-button-spacing: 8px;--app-components-user-menu-button-width: 160px;--ui-components-progressbars-progress-bar--linear-bar-height: 8px;--ui-components-progressbars-progress-bar--linear-padding-vertical: 4px;--ui-components-progressbars-progress-bar--linear-padding-horizontal: 8px;--app-components-clock-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-progressbars-progress-bar--linear-label-spacing: 2px;--ui-components-progressbars-progress-bar--circular-bar-weight: 4px;--ui-components-progressbars-progress-button--linear-bar-height: 4px;--ui-components-progressbars-progress-button--linear-padding-vertical-bar: 2px;--ui-components-progressbars-progress-button--linear-padding-horizontal-bar: 0;--ui-components-progressbars-progress-button--circular-bar-weight: 4px;--app-components-modal-margin-vertical: 24px;--app-components-modal-title-container-height: var( --global-size-spacing-touch-target-min );--app-components-modal-button-spacing: 8px;--app-components-modal-border-radius: var( --global-border-radius-border-radius-floating );--app-components-modal-padding-vertical-button-container: 8px;--app-components-modal-padding-divider: 4px;--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-active-tab: 4px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-active-tab: 8px;--app-components-system-menu-padding-horizontal: 8px;--app-components-system-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-system-menu-spacing-large: 16px;--app-components-system-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-alert-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-notification-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-notification-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-icon-size: 56px;--app-components-system-menu-spacing: 8px;--app-components-system-menu-padding-vertical: 8px;--ui-components-audio-visual-height: 24px;--ui-components-audio-visual-width: 12px;--ui-components-audio-visual-spacing: 8px;--menu-navigation-components-page-indicator-date-item-visual-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-page-indicator-date-item-padding-horizontal: 8px;--menu-navigation-components-page-indicator-date-item-padding-vertical: 8px;--menu-navigation-components-page-indicator-date-item-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-page-indicator-date-item-border-radius: 8px;--menu-navigation-components-page-indicator-date-item-indicator-size: 4px;--menu-navigation-components-page-indicator-date-item-indicator-spacing: 2px;--menu-navigation-components-page-indicator-date-item-event-spacing: 4px;--menu-navigation-components-appointment-item-margin-horizontal: 16px;--menu-navigation-components-appointment-item-padding-vertical: 8px;--menu-navigation-components-appointment-item-margin-vertical-bottom: 16px;--menu-navigation-components-appointment-item-label-spacing: 4px;--menu-navigation-components-page-indicator-date-item-padding-borrom-indicator: 2px;--menu-navigation-components-calendar-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-calendar-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--menu-navigation-components-calendar-padding-vertical: 8px;--menu-navigation-components-calendar-border-radius: var( --global-border-radius-border-radius-floating );--app-components-navigation-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-navigation-menu-footer-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-footer-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-system-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tab-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-label-spacing: 8px;--menu-navigation-components-tab-item-padding-horizontal: 16px;--menu-navigation-components-tab-item-divider-height: 24px;--menu-navigation-components-tab-item-spacing: 8px;--menu-navigation-components-tab-item-spacing-large: 16px;--menu-navigation-components-tab-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-horizontal: 8px;--menu-navigation-components-appointment-item-padding-horizontal: 8px;--menu-navigation-components-appointment-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-event-item-margin-horizontal: 16px;--menu-navigation-components-event-item-margin-vertical-bottom: 16px;--menu-navigation-components-event-item-padding-horizontal: 8px;--menu-navigation-components-event-item-padding-vertical: 8px;--menu-navigation-components-event-item-spacing: 8px;--menu-navigation-components-event-item-spacing-large: 16px;--menu-navigation-components-event-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-vertical-scrollbar: 4px;--menu-navigation-components-calendar-padding-horizontal-scrollbar: 4px;--menu-navigation-components-calendar-divider-height: 24px;--menu-navigation-components-calendar-date-spacing: 2px;--menu-navigation-components-calendar-event-width: 560px;--menu-navigation-components-event-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-calendar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-command-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-command-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-command-menu-label-spacing: 8px;--app-components-command-menu-padding-vertical: 8px;--app-components-command-menu-padding-horizontal: 8px;--app-components-command-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-command-menu-icon-size-large: 72px;--ui-components-divider-height-small: 16px;--global-size-spacing-column-width: 400px;--app-components-command-menu-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-horizontal: 8px;--ui-components-dropdown-button-padding-top-context-menu: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-padding-horizontal: 8px;--app-components-tool-bar-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-table-header-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-header-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-header-item-label-spacing: 8px;--menu-navigation-components-table-header-item-icon-spacing: 4px;--menu-navigation-components-table-header-item-padding-icon: 4px;--menu-navigation-components-table-header-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-header-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-header-item-badge-spacing: 2px;--menu-navigation-components-table-header-item-padding-top: 12px;--menu-navigation-components-table-header-item-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-divider-height-regular: 24px;--automation-components-button-visual-target: 48px;--automation-components-button-touch-target-size: 72px;--automation-components-button-icon-size: 36px;--automation-components-button-icon-size-flat: 48px;--automation-components-button-icon-outliner-stroke: 2px;--automation-components-button-icon-double-primary-size: 24px;--automation-components-button-icon-double-secondary-size: 16px;--automation-components-button-border-radius-round: 100px;--app-components-tool-bar-padding-horizontal: 8px;--automation-components-button-progress-bar-stroke: 2px;--app-components-tool-bar-label-spacing: 8px;--automation-components-button-progress-bar-mask-stroke: 4px;--automation-components-button-border-radius-square: 6px;--automation-components-badge-icon-size: 16px;--automation-components-badge-border-radius: 2px;--automation-components-badge-padding: 2px;--app-components-navigation-menu-sub-page-padding-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-sub-page-padding-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-breadcrumbs-padding-horizontal: 0;--app-components-command-button-padding-horizontal: 8px;--app-components-topbar-spacer-nav-arrows: 20px;--app-components-navigation-menu-sub-page-padding-vertical-spatious: 20px;--app-components-navigation-menu-sub-page-padding-horizontal-spatious: 20px;--ui-components-chip-space-between: 4px;--ui-components-rich-button-icon-size-xlarge: var( --global-size-spacing-icon-icon-size-xlarge );--ui-components-rich-button-label-spacing: 8px;--ui-components-rich-button-margin-horizontal: 20px;--ui-components-rich-button-padding-horizontal: 8px;--ui-components-rich-button-padding-vertical: 8px;--ui-components-rich-button-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-rich-button-graphics-height: 96px;--ui-components-rich-button-graphics-width: 96px;--ui-components-rich-button-margin-vertical: 20px;--ui-components-rich-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-badge-icon-size-flat: 16px;--ui-components-rich-button-padding-vertical-small: 4px;--ui-components-context-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--number: 0;--automation-components-readout-touch-target-size: var( --global-size-spacing-touch-target-min );--automation-components-readout-visual-size: var( --global-size-spacing-visual-target-min );--automation-components-tanks-number: 0;--automation-components-tanks-number-2: 0;--automation-components-tanks-number-3: 0;--automation-components-automation-control-number: 0;--automation-components-automation-control-number-2: 0;--automation-components-automation-control-number-3: 0;--automation-components-readout-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-readout-label-spacing: 8px;--automation-components-readout-padding-horizontal: 4px;--automation-components-readout-stroke-weight: 1px;--automation-components-readout-stroke-weight-left: var( --button-stroke-weight-left );--automation-components-readout-stroke-weight-right: var( --button-stroke-weight-right );--automation-components-readout-stroke-weight-top: var( --button-stroke-weight-top );--automation-components-readout-stroke-weight-bottom: var( --button-stroke-weight-bottom );--automation-components-readout-stack-spacing: 4px;--automation-components-readout-border-radius: var( --global-border-radius-border-radius-base );--automation-components-readout-border-radius-top-left: var( --button-border-radius-top-left );--automation-components-readout-border-radius-top-right: var( --button-border-radius-top-right );--automation-components-readout-border-radius-bottom-left: var( --button-border-radius-bottom-left );--automation-components-readout-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-elevated-card-touch-target-min: 72px}.obc-component-size-large{--global-size-spacing-touch-target-min: 72px;--global-size-spacing-visual-target-min: 56px;--global-size-spacing-icon-icon-size-regular: 40px;--ui-components-button-label-spacing: 12px;--ui-components-button-padding-horizontal: 8px;--global-size-spacing-selection-size-min: 40px;--ui-components-button-stroke-weight: 1px;--global-size-spacing-target-padding: 4px;--ui-components-toggle-switch-thumb-size: 20px;--ui-components-toggle-switch-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-selection-padding: 10px;--ui-components-toggle-switch-selection-width: 80px;--global-size-spacing-border-weight-focusframe: 4px;--ui-components-toggle-switch-item-border-radius: var( --border-radius-br-round );--global-typography-button-font-size: var(--font-size-200);--global-typography-button-line-height: var(--line-height-200);--global-typography-button-font-weight: var(--font-weight-semibold);--global-typography-label-font-size: var(--font-size-150);--global-typography-label-line-height: var(--line-height-150);--global-typography-label-font-weight: var(--font-weight-regular);--global-typography-body-font-size: var(--font-size-200);--global-typography-body-line-height: var(--line-height-200);--global-typography-body-font-weight: var(--font-weight-regular);--global-typography-body-active-font-size: var(--font-size-200);--global-typography-body-active-line-height: var(--line-height-200);--global-typography-body-active-font-weight: var(--font-weight-bold);--ui-components-checkbox-visual-target-size: var( --global-size-spacing-selection-size-min );--ui-components-checkbox-border-radius: var( --global-border-radius-border-radius-check );--ui-components-checkbox-label-spacing: 12px;--ui-components-checkbox-nested-item-padding-left: 60px;--ui-components-app-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-app-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-app-button-padding-vertical: 8px;--alert-components-badge-icon-size: 18px;--alert-components-badge-label-spacing: 2px;--alert-components-badge-border-radius: var(--border-radius-br-4);--alert-components-alert-frame-border-radius: var( --ui-components-button-border-radius );--menu-navigation-components-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-navigation-item-label-spacing: 12px;--menu-navigation-components-navigation-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-navigation-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-navigation-item-margin-horizontal-icon-button: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-checkbox-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-item-label-spacing: 12px;--ui-components-toggle-switch-selection-height: var( --global-size-spacing-selection-size-min );--ui-components-icon-button-label-spacing: 8px;--ui-components-icon-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-app-button-label-spacing: 8px;--ui-components-card-label-spacing: 12px;--alert-components-alert-frame-icon-size: var( --global-size-spacing-icon-icon-size-xsmall );--alert-components-alert-frame-padding-horizontal: 6px;--alert-components-alert-frame-padding-vertical: 4px;--alert-components-alert-frame-small-flip-border-radius: var( --alert-components-badge-border-radius );--global-typography-overline-font-size: var(--font-size-200);--global-typography-overline-line-height: var(--line-height-200);--global-typography-overline-font-weight: var(--font-weight-semibold);--global-typography-overline-letter-spacing: .3499999940395355px;--global-typography-label-active-font-size: var(--font-size-150);--global-typography-label-active-line-height: var(--line-height-150);--global-typography-label-active-font-weight: var(--font-weight-bold);--alert-components-badge-padding: 3px;--menu-navigation-components-navigation-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-radio-button-label-spacing: 12px;--ui-components-radio-button-selection-size: var( --global-size-spacing-selection-size-min );--ui-components-radio-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-checkbox-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-toggle-switch-item-padding-horizontal: 12px;--ui-components-radio-button-thumb-size: 12px;--ui-components-toggle-switch-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-radio-button-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-context-menu-menu-width: 400px;--ui-components-accordion-label-spacing: 12px;--ui-components-accordion-padding-horizontal: 12px;--ui-components-accordion-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-border-radius: var(--border-radius-br-8);--ui-components-icon-button-padding-vertical: 8px;--ui-components-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-card-border-radius-regular: var( --global-border-radius-border-radius-base );--ui-components-radio-button-selection-border-radius: var( --global-border-radius-border-radius-round );--ui-components-card-border-radius-expanded: var( --global-border-radius-border-radius-floating );--global-size-spacing-icon-icon-size-xsmall: 24px;--ui-components-icon-button-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-base: var(--border-radius-br-8);--ui-components-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-visual-target-size: var( --global-size-spacing-visual-target-min );--global-border-radius-border-radius-check: var(--border-radius-br-6);--global-border-radius-border-radius-round: var(--border-radius-br-round);--ui-components-app-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-border-radius-border-radius-floating: var(--border-radius-br-16);--alert-components-alert-frame-large-flip-padding: var( --alert-components-badge-border-radius );--alert-components-alert-frame-large-flip-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-touch-target-min-two-story: 84px;--ui-components-slide-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-visual-size: var( --global-size-spacing-visual-target-min );--global-size-spacing-border-weight-alertframe: 6px;--global-size-spacing-list-item-menu-padding-horizonal-list-item: 16px;--global-size-spacing-list-item-menu-margin-horizontal-list-item: 0;--ui-components-radio-button-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-radio-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-padding-horizontal: 24px;--ui-components-elevated-card-margin-horizontal: 24px;--ui-components-elevated-card-padding-vertical: 12px;--ui-components-card-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-padding-horizontal: 8px;--ui-components-state-toggle-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-state-toggle-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-state-toggle-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-state-toggle-selection-width: 80px;--ui-components-state-toggle-padding-vertical: 8px;--ui-components-start-stop-switch-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-start-stop-switch-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-start-stop-switch-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-top: 8px;--ui-components-start-stop-switch-border-radius: var( --global-border-radius-border-radius-base );--ui-components-state-toggle-border-radius: var( --global-border-radius-border-radius-base );--ui-components-start-stop-switch-description-spacing: 8px;--ui-components-start-stop-switch-padding-bottom: 8px;--ui-components-start-stop-switch-label-spacing: 12px;--ui-components-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-check-button-label-spacing: 12px;--ui-components-check-button-padding-horizontal: 8px;--ui-components-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-check-button-label-spacing: 8px;--ui-components-icon-check-button-padding-horizontal: 8px;--ui-components-icon-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-label-spacing: 8px;--ui-components-toggle-button-padding-horizontal: 8px;--ui-components-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-stroke-width: 1px;--ui-components-icon-button-padding-left: var(--icon-button-padding-left);--ui-components-icon-button-padding-right: var(--icon-button-padding-right);--ui-components-icon-button-padding-horizontal: 12px;--ui-components-elevated-card-graphics-height: 120px;--ui-components-elevated-card-graphics-width: 120px;--ui-components-text-input-field-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-text-input-field-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-text-input-field-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-text-input-field-label-spacing: 12px;--ui-components-text-input-field-padding-vertical: 8px;--ui-components-text-input-field-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-input-field: var(--border-radius-br-6);--ui-components-elevated-card-label-spacing: 12px;--ui-components-button-border-radius-top-left: var( --button-border-radius-top-left );--ui-components-button-border-radius-top-right: var( --button-border-radius-top-right );--ui-components-button-border-radius-bottom-left: var( --button-border-radius-bottom-left );--ui-components-button-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-text-input-field-border-radius-top-left: var( --input-field-border-radius-top-left );--ui-components-text-input-field-border-radius-top-right: var( --input-field-border-radius-top-right );--ui-components-text-input-field-border-radius-bottom-left: var( --input-field-border-radius-bottom-left );--ui-components-text-input-field-border-radius-bottom-right: var( --input-field-border-radius-bottom-right );--ui-components-text-input-field-stroke-weight: 1px;--ui-components-toggle-button-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-item-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-item-label-spacing: 12px;--ui-components-toggle-button-item-padding-horizontal: 8px;--ui-components-toggle-button-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-item-description-spacing: 8px;--ui-components-text-input-field-padding-horizontal: 12px;--ui-components-text-input-field-button-margin: 8px;--ui-components-button-stroke-weight-left: var(--button-stroke-weight-left);--ui-components-button-stroke-weight-top: var(--button-stroke-weight-top);--ui-components-button-stroke-weight-right: var(--button-stroke-weight-left);--ui-components-button-stroke-weight-bottom: var( --button-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-bottom: var( --input-field-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-left: var( --input-field-stroke-weight-left );--ui-components-text-input-field-stroke-weight-top: var( --input-field-stroke-weight-top );--ui-components-text-input-field-stroke-weight-right: var( --input-field-stroke-weight-right );--ui-components-text-input-field-padding-right: var( --input-field-padding-right );--ui-components-text-input-field-padding-left: var( --input-field-padding-left );--app-components-topbar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-padding-horizontal: 12px;--menu-navigation-components-table-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-item-label-spacing: 12px;--menu-navigation-components-table-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-item-badge-spacing: 4px;--menu-navigation-components-navigation-item-visual-target-size: var( --global-size-spacing-touch-target-min );--app-components-navigation-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-slider-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slider-regular-thumb-height: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-slider-spacing: 12px;--ui-components-slider-padding-horizontal: 40px;--ui-components-slider-border-radius: var( --global-border-radius-border-radius-base );--ui-components-slider-regular-track-height: 8px;--menu-navigation-components-branch-touch-target-size-height: var( --global-size-spacing-touch-target-min );--menu-navigation-components-branch-width: 48px;--menu-navigation-components-table-item-padding-top: 12px;--ui-components-context-menu-border-radius: var( --global-border-radius-border-radius-floating );--global-size-spacing-list-item-menu-margin-vertical-context-menu: 6px;--ui-components-context-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--ui-components-checkbox-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-checkbox-list-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-dropdown-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-typography-button-two-line-font-size: var(--font-size-150);--global-typography-button-two-line-line-height: var(--line-height-100);--global-typography-button-two-line-font-weight: var(--font-weight-bold);--global-typography-button-two-line-letter-spacing: .699999988079071px;--ui-components-keyboard-nummeric-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-nummeric-button-spacing: 12px;--ui-components-keyboard-nummeric-section-spacing: 24px;--ui-components-slider-regular-thumb-width: 16px;--ui-components-slider-enhanced-track-height: 48px;--ui-components-slider-enhanced-thumb-height: 48px;--ui-components-slider-enhanced-thumb-width: 18px;--ui-components-keyboard-nummeric-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-toggle-button-label-spacing: 12px;--ui-components-icon-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-toggle-button-description-spacing: 8px;--ui-components-context-menu-title-label-spacing: 24px;--ui-components-slider-regular-thumb-indicator-height: 40px;--ui-components-slider-regular-thumb-indicator-width: 40px;--ui-components-slider-regular-thumb-padding: 6px;--ui-components-slider-regular-thumb-margin: 8px;--ui-components-slider-button-thumb-height: 48px;--ui-components-slider-button-thumb-width: var( --global-size-spacing-touch-target-min );--ui-components-slider-button-track-height: 48px;--ui-components-slider-indicator-thumb-height: 12px;--ui-components-slider-indicator-thumb-width: 12px;--ui-components-slider-indicator-track-height: 8px;--menu-navigation-components-navigation-item-command-icon-size: var( --global-size-spacing-icon-icon-size-small );--menu-navigation-components-navigation-item-touch-target-size-large: 96px;--menu-navigation-components-navigation-item-flyout-icon-container-size: 24px;--menu-navigation-components-navigation-item-margin-vertical-icon-button: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--alert-components-badge-icon-size-flat: 24px;--alert-components-badge-icon-size-flat-border-weight: 1px;--ui-components-elevated-card-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-action-button-width: 144px;--ui-components-keyboard-nummeric-component-height-min: 540px;--ui-components-keyboard-nummeric-component-width-min: 456px;--ui-components-keyboard-nummeric-keys-section-width-min: 240px;--ui-components-keyboard-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-button-spacing: 12px;--ui-components-keyboard-section-spacing: 24px;--ui-components-keyboard-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-action-button-width: 144px;--ui-components-keyboard-component-height: 624px;--ui-components-keyboard-component-width-min: 1044px;--ui-components-keyboard-keys-section-width-min: 240px;--ui-components-keyboard-border-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-padding-spacer: 48px;--ui-components-keyboard-nummeric-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-branch-icon-size-mask: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-clock-label-spacing: 6px;--app-components-clock-padding-horizontal: 12px;--app-components-clock-vertical-stack-spacing: 0;--app-components-clock-colon-size: 5px;--app-components-clock-colon-spacing: 4px;--app-components-clock-margin-horizontal: 6px;--app-components-clock-touch-target: var( --global-size-spacing-touch-target-min );--app-components-clock-visual-target: var( --global-size-spacing-visual-target-min );--app-components-clock-border-radius: var( --global-border-radius-border-radius-base );--app-components-clock-digit-spacing: 3px;--app-components-topbar-label-spacing: 12px;--app-components-topbar-label-padding: 6px;--app-components-alert-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-button-padding-counter-right: 3px;--app-components-alert-button-counter-spacing: 6px;--app-components-notification-message-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-message-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-message-label-spacing: 12px;--app-components-notification-message-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-message-touch-target-size-double: 96px;--app-components-notification-message-visual-target-size-double: 84px;--app-components-notification-message-border-radius: var( --global-border-radius-border-radius-base );--app-components-notification-message-border-radius-top-left: var( --button-border-radius-top-left );--app-components-notification-message-border-radius-top-right: var( --button-border-radius-top-right );--app-components-notification-message-border-radius-bottom-left: var( --button-border-radius-bottom-left );--app-components-notification-message-border-radius-bottom-right: var( --button-border-radius-bottom-right );--app-components-notification-message-stroke-weight: 1px;--app-components-notification-message-stroke-weight-left: var( --notification-message-stroke-weight-left );--app-components-notification-message-stroke-weight-top: var( --notification-message-stroke-weight-top );--app-components-notification-message-stroke-weight-right: var( --notification-message-stroke-weight-right );--app-components-notification-message-stroke-weight-bottom: var( --notification-message-stroke-weight-bottom );--app-components-notification-message-padding-horizontal: 12px;--app-components-notification-message-label-spacing-vertical: 0;--global-size-spacing-state-container-stroke-weight: 1px;--global-size-spacing-state-container-stroke-weight-left: var( --state-container-stroke-weight-left );--global-size-spacing-state-container-stroke-weight-top: var( --state-container-stroke-weight-top );--global-size-spacing-state-container-stroke-weight-right: var( --state-container-stroke-weight-right );--global-size-spacing-state-container-stroke-weight-bottom: var( --state-container-stroke-weight-bottom );--global-size-spacing-state-container-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-state-container-border-radius-top-left: var( --state-container-border-radius-top-left );--global-size-spacing-state-container-border-radius-top-right: var( --state-container-border-radius-top-right );--global-size-spacing-state-container-border-radius-bottom-right: var( --state-container-border-radius-bottom-right );--global-size-spacing-state-container-border-radius-bottom-left: var( --state-container-border-radius-bottom-left );--app-components-alert-button-stack-spacing: 12px;--app-components-alert-button-margin-horizontal: 12px;--menu-navigation-components-tree-navigation-item-padding-horizontal: 12px;--menu-navigation-components-tree-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tree-navigation-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-system-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-system-button-padding-divider: 12px;--app-components-system-button-icon-spacing: 6px;--app-components-system-button-visual-target: var( --global-size-spacing-visual-target-min );--app-components-system-button-border-radius: var( --global-border-radius-border-radius-base );--app-components-system-button-margin: 12px;--app-components-system-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-system-button-label-spacing: 12px;--app-components-command-button-label-spacing: 12px;--global-size-spacing-icon-icon-size-small: 24px;--app-components-breadcrumb-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-breadcrumb-item-label-spacing: 8px;--app-components-breadcrumb-item-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-breadcrumb-item-chevron-container-size: 24px;--app-components-breadcrumb-item-padding-horizontal: 8px;--app-components-breadcrumb-item-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-breadcrumb-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-chip-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-chip-padding-horizontal: 12px;--ui-components-chip-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-chip-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-border-radius-2: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-3: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-4: var( --global-border-radius-border-radius-base );--ui-components-chip-border-radius: var(--border-radius-br-24);--ui-components-chip-label-spacing: 6px;--app-components-alert-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-alert-button-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-alert-button-padding-vertical: 6px;--app-components-clock-touch-target-size-double: 96px;--app-components-clock-visual-target-size-double: 84px;--app-components-system-button-divider-height: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-topbar-height-large: 96px;--app-components-topbar-padding-left-inactive: 18px;--app-components-topbar-margin-global: 6px;--app-components-system-button-padding: 6px;--app-components-topbar-padding-left-small: 18px;--app-components-topbar-height-double: 144px;--app-components-tool-bar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-tool-bar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-tool-bar-margin-global: 6px;--app-components-vendor-button-padding-badge: 12px;--app-components-navigation-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-app-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-accordion-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-item-label-spacing: 12px;--ui-components-accordion-item-padding-horizontal: 12px;--ui-components-accordion-item-border-radius: var(--border-radius-br-8);--ui-components-accordion-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-scroll-bar-container-size-regular: 24px;--menu-navigation-components-scroll-bar-visual-target-size-regular: 24px;--menu-navigation-components-scroll-bar-visual-target-size-large: var( --global-size-spacing-visual-target-min );--menu-navigation-components-scroll-bar-touch-target-size-large: var( --global-size-spacing-touch-target-min );--menu-navigation-components-scroll-bar-container-size-thin: 6px;--menu-navigation-components-scroll-bar-visual-target-size-thin: 6px;--menu-navigation-components-scroll-bar-border-radius: var( --global-border-radius-border-radius-round );--menu-navigation-components-scroll-bar-spacing-vertical-regular: 12px;--app-components-app-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-pivot-item-icon-pivot-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-visual-target-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal: 12px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-horizontal: 12px;--menu-navigation-components-pivot-item-icon-pivot-item-label-spacing: 12px;--menu-navigation-components-pivot-item-icon-pivot-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-pivot-item-icon-pivot-item-border-radius-active-tab: 3px;--menu-navigation-components-pivot-item-icon-pivot-item-size-active-tab: 4px;--ui-components-toggle-switch-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-pivot-row-padding-horizontal: 6px;--menu-navigation-components-pivot-row-padding-horizontal-divider: 18px;--ui-components-toggle-switch-item-touch-target-size-two-story: var( --global-size-spacing-touch-target-min-two-story );--ui-components-app-button-touch-target-size-enhanced: 112px;--ui-components-app-button-visual-size-enhanced: 96px;--ui-components-app-button-icon-size-enhanced: 72px;--ui-components-app-button-padding-vertical-enhanced: 12px;--app-components-app-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-app-menu-label-spacing: 12px;--app-components-dimming-menu-icon-size: 72px;--app-components-dimming-menu-padding-vertical: 12px;--app-components-dimming-menu-padding-horizontal: 12px;--app-components-dimming-menu-label-spacing: 12px;--app-components-dimming-menu-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-page-indicator-indicator-size: 12px;--menu-navigation-components-page-indicator-indicator-spacing: 12px;--app-components-alert-list-item-padding-horizontal: 40px;--menu-navigation-components-table-item-padding-icon: 4px;--menu-navigation-components-terminal-padding-aggregated-icon: 6px;--menu-navigation-components-table-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--alert-components-badge-icon-size-large: 32px;--alert-components-badge-label-spacing-large: 3px;--app-components-notification-list-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-list-item-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-list-item-label-spacing: 12px;--app-components-notification-list-item-padding-horizontal: var( --app-components-alert-list-item-padding-horizontal );--app-components-notification-list-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-list-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--menu-navigation-components-table-row-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--menu-navigation-components-table-row-first-column-width: 560px;--ui-components-slider-discrete-track-height: 8px;--ui-components-slider-discrete-thumb-margin: 0;--ui-components-slider-discrete-thumb-indicator-width: 40px;--ui-components-slider-discrete-thumb-indicator-height: 40px;--ui-components-slider-discrete-thumb-width: 18px;--ui-components-slider-discrete-thumb-padding: 40px;--ui-components-slider-discrete-thumb-height: 40px;--app-components-alert-menu-padding-horizontal: 12px;--app-components-alert-menu-title-container-height: 96px;--app-components-alert-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-padding-horizontal: 12px;--app-components-notification-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-title-container-height: var( --app-components-alert-menu-title-container-height );--app-components-alert-list-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-list-item-label-spacing: 24px;--app-components-alert-list-item-touch-target-min: var( --global-size-spacing-touch-target-min );--app-components-alert-list-item-button-size: 192px;--app-components-alert-menu-button-size: var( --app-components-alert-list-item-button-size );--app-components-alert-list-item-padding-vertical: 12px;--app-components-alert-list-item-chevron-container-size: 48px;--ui-components-slider-regular-tick-height: 6px;--app-components-notification-menu-button-size: var( --app-components-alert-list-item-button-size );--ui-components-slider-discrete-leading-icon-padding: 12px;--app-components-notification-list-item-padding-vertical: 12px;--ui-components-slider-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-thumb-boder-raduis: var( --global-border-radius-border-radius-round );--app-components-notification-list-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--global-size-spacing-icon-icon-size-large: 48px;--app-components-notification-floating-item-label-spacing: 12px;--app-components-notification-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-padding-horizontal: 24px;--app-components-notification-floating-item-padding-vertical-single: 12px;--app-components-notification-floating-item-padding-vertical-multi: 20px;--app-components-alert-floating-item-app-icon-size: var( --global-size-spacing-icon-icon-size-xlarge );--app-components-alert-floating-item-label-spacing: 12px;--app-components-alert-floating-item-padding-horizontal: 24px;--app-components-alert-floating-item-padding-vertical-single: 12px;--app-components-alert-floating-item-padding-vertical-multi: 20px;--app-components-alert-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-floating-item-icon-container-size: 72px;--global-size-spacing-icon-icon-size-xlarge: 60px;--app-components-alert-floating-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-floating-item-button-width: var( --app-components-alert-list-item-button-size );--ui-components-slider-thumb-gap-stroke: 6px;--ui-components-slider-discrete-value-padding: 12px;--ui-components-slider-discrete-value-container-size: 48px;--ui-components-slider-discrete-padding-horizontal-right: 12px;--ui-components-slider-discrete-icon-container-width: 12px;--ui-components-slider-regular-icon-container-width: 32px;--app-components-user-menu-padding-vertical: 12px;--app-components-user-menu-padding-horizontal: 12px;--app-components-user-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-slider-enhanced-icon-container-width: 32px;--ui-components-slider-button-icon-container-width: 32px;--ui-components-slider-indicator-icon-container-width: 12px;--ui-components-user-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-user-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-user-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-user-button-label-spacing: 8px;--ui-components-user-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-user-button-padding-vertical: 8px;--ui-components-user-button-touch-target-size-enhanced: 112px;--ui-components-user-button-visual-size-enhanced: 96px;--ui-components-user-button-icon-size-enhanced: 72px;--ui-components-user-button-padding-vertical-enhanced: 12px;--ui-components-user-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-alert-button-padding-horizontal: 6px;--app-components-alert-button-alert-button-width: 84px;--alert-components-badge-min-size-large: 38px;--ui-components-context-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-toggle-switch-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tree-navigation-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--global-size-spacing-list-item-menu-margin-horizontal-context-menu: 6px;--menu-navigation-components-navigation-item-margin-horizontal-list-item: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--app-components-alert-list-item-icon-spacing: 6px;--menu-navigation-components-table-item-icon-spacing: 6px;--global-size-spacing-list-item-menu-margin-vertical-menu: 24px;--global-size-spacing-list-item-menu-margin-horizontal-menu: 24px;--global-size-spacing-icon-n: 0;--app-components-app-menu-app-button-spacing: 12px;--app-components-app-menu-padding-vertical: 12px;--app-components-app-menu-padding-horizontal: 12px;--app-components-app-menu-margin-scroll-bar: 8px;--app-components-dimming-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-dimming-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-user-menu-button-spacing: 12px;--app-components-user-menu-button-width: 192px;--ui-components-progressbars-progress-bar--linear-bar-height: 12px;--ui-components-progressbars-progress-bar--linear-padding-vertical: 8px;--ui-components-progressbars-progress-bar--linear-padding-horizontal: 12px;--app-components-clock-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-progressbars-progress-bar--linear-label-spacing: 4px;--ui-components-progressbars-progress-bar--circular-bar-weight: 6px;--ui-components-progressbars-progress-button--linear-bar-height: 6px;--ui-components-progressbars-progress-button--linear-padding-vertical-bar: 0;--ui-components-progressbars-progress-button--linear-padding-horizontal-bar: 0;--ui-components-progressbars-progress-button--circular-bar-weight: 6px;--app-components-modal-margin-vertical: 32px;--app-components-modal-title-container-height: var( --global-size-spacing-touch-target-min );--app-components-modal-button-spacing: 12px;--app-components-modal-border-radius: var( --global-border-radius-border-radius-floating );--app-components-modal-padding-vertical-button-container: 12px;--app-components-modal-padding-divider: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-active-tab: 6px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-active-tab: 12px;--app-components-system-menu-padding-horizontal: 12px;--app-components-system-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-system-menu-spacing-large: 24px;--app-components-system-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-alert-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-notification-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-notification-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-icon-size: 72px;--app-components-system-menu-spacing: 12px;--app-components-system-menu-padding-vertical: 12px;--ui-components-audio-visual-height: 32px;--ui-components-audio-visual-width: 16px;--ui-components-audio-visual-spacing: 12px;--menu-navigation-components-page-indicator-date-item-visual-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-page-indicator-date-item-padding-horizontal: 12px;--menu-navigation-components-page-indicator-date-item-padding-vertical: 12px;--menu-navigation-components-page-indicator-date-item-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-page-indicator-date-item-border-radius: 12px;--menu-navigation-components-page-indicator-date-item-indicator-size: 6px;--menu-navigation-components-page-indicator-date-item-indicator-spacing: 3px;--menu-navigation-components-page-indicator-date-item-event-spacing: 6px;--menu-navigation-components-appointment-item-margin-horizontal: 24px;--menu-navigation-components-appointment-item-padding-vertical: 12px;--menu-navigation-components-appointment-item-margin-vertical-bottom: 24px;--menu-navigation-components-appointment-item-label-spacing: 6px;--menu-navigation-components-page-indicator-date-item-padding-borrom-indicator: 4px;--menu-navigation-components-calendar-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-calendar-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--menu-navigation-components-calendar-padding-vertical: 12px;--menu-navigation-components-calendar-border-radius: var( --global-border-radius-border-radius-floating );--app-components-navigation-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-navigation-menu-footer-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-footer-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-system-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tab-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-label-spacing: 12px;--menu-navigation-components-tab-item-padding-horizontal: 24px;--menu-navigation-components-tab-item-divider-height: 32px;--menu-navigation-components-tab-item-spacing: 12px;--menu-navigation-components-tab-item-spacing-large: 24px;--menu-navigation-components-tab-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-horizontal: 12px;--menu-navigation-components-appointment-item-padding-horizontal: 12px;--menu-navigation-components-appointment-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-event-item-margin-horizontal: 24px;--menu-navigation-components-event-item-margin-vertical-bottom: 24px;--menu-navigation-components-event-item-padding-horizontal: 12px;--menu-navigation-components-event-item-padding-vertical: 12px;--menu-navigation-components-event-item-spacing: 12px;--menu-navigation-components-event-item-spacing-large: 24px;--menu-navigation-components-event-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-vertical-scrollbar: 6px;--menu-navigation-components-calendar-padding-horizontal-scrollbar: 6px;--menu-navigation-components-calendar-divider-height: 32px;--menu-navigation-components-calendar-date-spacing: 3px;--menu-navigation-components-calendar-event-width: 640px;--menu-navigation-components-event-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-calendar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-command-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-command-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-command-menu-label-spacing: 12px;--app-components-command-menu-padding-vertical: 12px;--app-components-command-menu-padding-horizontal: 12px;--app-components-command-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-command-menu-icon-size-large: 96px;--ui-components-divider-height-small: 24px;--global-size-spacing-column-width: 480px;--app-components-command-menu-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-horizontal: 12px;--ui-components-dropdown-button-padding-top-context-menu: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-padding-horizontal: 12px;--app-components-tool-bar-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-table-header-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-header-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-header-item-label-spacing: 12px;--menu-navigation-components-table-header-item-icon-spacing: 6px;--menu-navigation-components-table-header-item-padding-icon: 4px;--menu-navigation-components-table-header-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-header-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-header-item-badge-spacing: 4px;--menu-navigation-components-table-header-item-padding-top: 12px;--menu-navigation-components-table-header-item-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-divider-height-regular: 32px;--automation-components-button-visual-target: 64px;--automation-components-button-touch-target-size: 96px;--automation-components-button-icon-size: 48px;--automation-components-button-icon-size-flat: 64px;--automation-components-button-icon-outliner-stroke: 2px;--automation-components-button-icon-double-primary-size: 32px;--automation-components-button-icon-double-secondary-size: 24px;--automation-components-button-border-radius-round: 100px;--app-components-tool-bar-padding-horizontal: 12px;--automation-components-button-progress-bar-stroke: 4px;--app-components-tool-bar-label-spacing: 12px;--automation-components-button-progress-bar-mask-stroke: 8px;--automation-components-button-border-radius-square: 6px;--automation-components-badge-icon-size: 20px;--automation-components-badge-border-radius: 2px;--automation-components-badge-padding: 4px;--app-components-navigation-menu-sub-page-padding-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-sub-page-padding-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-breadcrumbs-padding-horizontal: 0;--app-components-command-button-padding-horizontal: 12px;--app-components-topbar-spacer-nav-arrows: 24px;--app-components-navigation-menu-sub-page-padding-vertical-spatious: 24px;--app-components-navigation-menu-sub-page-padding-horizontal-spatious: 24px;--ui-components-chip-space-between: 6px;--ui-components-rich-button-icon-size-xlarge: var( --global-size-spacing-icon-icon-size-xlarge );--ui-components-rich-button-label-spacing: 12px;--ui-components-rich-button-margin-horizontal: 24px;--ui-components-rich-button-padding-horizontal: 12px;--ui-components-rich-button-padding-vertical: 12px;--ui-components-rich-button-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-rich-button-graphics-height: 120px;--ui-components-rich-button-graphics-width: 120px;--ui-components-rich-button-margin-vertical: 24px;--ui-components-rich-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-badge-icon-size-flat: 20px;--ui-components-rich-button-padding-vertical-small: 6px;--ui-components-context-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--number: 0;--automation-components-readout-touch-target-size: var( --global-size-spacing-touch-target-min );--automation-components-readout-visual-size: var( --global-size-spacing-visual-target-min );--automation-components-tanks-number: 0;--automation-components-tanks-number-2: 0;--automation-components-tanks-number-3: 0;--automation-components-automation-control-number: 0;--automation-components-automation-control-number-2: 0;--automation-components-automation-control-number-3: 0;--automation-components-readout-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-readout-label-spacing: 12px;--automation-components-readout-padding-horizontal: 8px;--automation-components-readout-stroke-weight: 1px;--automation-components-readout-stroke-weight-left: var( --button-stroke-weight-left );--automation-components-readout-stroke-weight-right: var( --button-stroke-weight-right );--automation-components-readout-stroke-weight-top: var( --button-stroke-weight-top );--automation-components-readout-stroke-weight-bottom: var( --button-stroke-weight-bottom );--automation-components-readout-stack-spacing: 4px;--automation-components-readout-border-radius: var( --global-border-radius-border-radius-base );--automation-components-readout-border-radius-top-left: var( --button-border-radius-top-left );--automation-components-readout-border-radius-top-right: var( --button-border-radius-top-right );--automation-components-readout-border-radius-bottom-left: var( --button-border-radius-bottom-left );--automation-components-readout-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-elevated-card-touch-target-min: 96px}.obc-component-size-xl{--global-size-spacing-touch-target-min: 96px;--global-size-spacing-visual-target-min: 72px;--global-size-spacing-icon-icon-size-regular: 48px;--ui-components-button-label-spacing: 16px;--ui-components-button-padding-horizontal: 8px;--global-size-spacing-selection-size-min: 48px;--ui-components-button-stroke-weight: 1px;--global-size-spacing-target-padding: 4px;--ui-components-toggle-switch-thumb-size: 24px;--ui-components-toggle-switch-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-selection-padding: 12px;--ui-components-toggle-switch-selection-width: 96px;--global-size-spacing-border-weight-focusframe: 4px;--ui-components-toggle-switch-item-border-radius: var( --border-radius-br-round );--global-typography-button-font-size: var(--font-size-200);--global-typography-button-line-height: var(--line-height-200);--global-typography-button-font-weight: var(--font-weight-semibold);--global-typography-label-font-size: var(--font-size-150);--global-typography-label-line-height: var(--line-height-150);--global-typography-label-font-weight: var(--font-weight-regular);--global-typography-body-font-size: var(--font-size-200);--global-typography-body-line-height: var(--line-height-200);--global-typography-body-font-weight: var(--font-weight-regular);--global-typography-body-active-font-size: var(--font-size-200);--global-typography-body-active-line-height: var(--line-height-200);--global-typography-body-active-font-weight: var(--font-weight-bold);--ui-components-checkbox-visual-target-size: var( --global-size-spacing-selection-size-min );--ui-components-checkbox-border-radius: var( --global-border-radius-border-radius-check );--ui-components-checkbox-label-spacing: 16px;--ui-components-checkbox-nested-item-padding-left: 80px;--ui-components-app-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-app-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-app-button-padding-vertical: 8px;--alert-components-badge-icon-size: 24px;--alert-components-badge-label-spacing: 2px;--alert-components-badge-border-radius: var(--border-radius-br-4);--alert-components-alert-frame-border-radius: var( --ui-components-button-border-radius );--menu-navigation-components-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-navigation-item-label-spacing: 16px;--menu-navigation-components-navigation-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-navigation-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-navigation-item-margin-horizontal-icon-button: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-checkbox-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-switch-item-label-spacing: 16px;--ui-components-toggle-switch-selection-height: var( --global-size-spacing-selection-size-min );--ui-components-icon-button-label-spacing: 8px;--ui-components-icon-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-app-button-label-spacing: 8px;--ui-components-card-label-spacing: 16px;--alert-components-alert-frame-icon-size: var( --global-size-spacing-icon-icon-size-xsmall );--alert-components-alert-frame-padding-horizontal: 8px;--alert-components-alert-frame-padding-vertical: 4px;--alert-components-alert-frame-small-flip-border-radius: var( --alert-components-badge-border-radius );--global-typography-overline-font-size: var(--font-size-200);--global-typography-overline-line-height: var(--line-height-200);--global-typography-overline-font-weight: var(--font-weight-semibold);--global-typography-overline-letter-spacing: .44999998807907104px;--global-typography-label-active-font-size: var(--font-size-150);--global-typography-label-active-line-height: var(--line-height-150);--global-typography-label-active-font-weight: var(--font-weight-bold);--alert-components-badge-padding: 4px;--menu-navigation-components-navigation-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-radio-button-label-spacing: 16px;--ui-components-radio-button-selection-size: var( --global-size-spacing-selection-size-min );--ui-components-radio-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-checkbox-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-toggle-switch-item-padding-horizontal: 16px;--ui-components-radio-button-thumb-size: 16px;--ui-components-toggle-switch-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-radio-button-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--ui-components-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-context-menu-menu-width: 480px;--ui-components-accordion-label-spacing: 16px;--ui-components-accordion-padding-horizontal: 16px;--ui-components-accordion-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-border-radius: var(--border-radius-br-12);--ui-components-icon-button-padding-vertical: 8px;--ui-components-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-card-border-radius-regular: var( --global-border-radius-border-radius-base );--ui-components-radio-button-selection-border-radius: var( --global-border-radius-border-radius-round );--ui-components-card-border-radius-expanded: var( --global-border-radius-border-radius-floating );--global-size-spacing-icon-icon-size-xsmall: 32px;--ui-components-icon-button-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-base: var(--border-radius-br-12);--ui-components-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-button-visual-target-size: var( --global-size-spacing-visual-target-min );--global-border-radius-border-radius-check: var(--border-radius-br-8);--global-border-radius-border-radius-round: var(--border-radius-br-round);--ui-components-app-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-border-radius-border-radius-floating: var(--border-radius-br-24);--alert-components-alert-frame-large-flip-padding: var( --alert-components-badge-border-radius );--alert-components-alert-frame-large-flip-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-touch-target-min-two-story: 112px;--ui-components-slide-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-visual-size: var( --global-size-spacing-visual-target-min );--global-size-spacing-border-weight-alertframe: 8px;--global-size-spacing-list-item-menu-padding-horizonal-list-item: 24px;--global-size-spacing-list-item-menu-margin-horizontal-list-item: 0;--ui-components-radio-button-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-radio-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-card-padding-horizontal: 32px;--ui-components-elevated-card-margin-horizontal: 32px;--ui-components-elevated-card-padding-vertical: 16px;--ui-components-card-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slide-button-padding-horizontal: 8px;--ui-components-state-toggle-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-state-toggle-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-state-toggle-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-state-toggle-selection-width: 112px;--ui-components-state-toggle-padding-vertical: 8px;--ui-components-start-stop-switch-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-start-stop-switch-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-start-stop-switch-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-top: 8px;--ui-components-start-stop-switch-border-radius: var( --global-border-radius-border-radius-base );--ui-components-state-toggle-border-radius: var( --global-border-radius-border-radius-base );--ui-components-start-stop-switch-description-spacing: 8px;--ui-components-start-stop-switch-padding-bottom: 8px;--ui-components-start-stop-switch-label-spacing: 16px;--ui-components-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-check-button-label-spacing: 16px;--ui-components-check-button-padding-horizontal: 8px;--ui-components-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-check-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-check-button-label-spacing: 8px;--ui-components-icon-check-button-padding-horizontal: 8px;--ui-components-icon-check-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-label-spacing: 8px;--ui-components-toggle-button-padding-horizontal: 8px;--ui-components-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-stroke-width: 1px;--ui-components-icon-button-padding-left: var(--icon-button-padding-left);--ui-components-icon-button-padding-right: var(--icon-button-padding-right);--ui-components-icon-button-padding-horizontal: 16px;--ui-components-elevated-card-graphics-height: 160px;--ui-components-elevated-card-graphics-width: 160px;--ui-components-text-input-field-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-text-input-field-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-text-input-field-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-text-input-field-label-spacing: 16px;--ui-components-text-input-field-padding-vertical: 8px;--ui-components-text-input-field-border-radius: var( --global-border-radius-border-radius-base );--global-border-radius-border-radius-input-field: var(--border-radius-br-8);--ui-components-elevated-card-label-spacing: 16px;--ui-components-button-border-radius-top-left: var( --button-border-radius-top-left );--ui-components-button-border-radius-top-right: var( --button-border-radius-top-right );--ui-components-button-border-radius-bottom-left: var( --button-border-radius-bottom-left );--ui-components-button-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-text-input-field-border-radius-top-left: var( --input-field-border-radius-top-left );--ui-components-text-input-field-border-radius-top-right: var( --input-field-border-radius-top-right );--ui-components-text-input-field-border-radius-bottom-left: var( --input-field-border-radius-bottom-left );--ui-components-text-input-field-border-radius-bottom-right: var( --input-field-border-radius-bottom-right );--ui-components-text-input-field-stroke-weight: 1px;--ui-components-toggle-button-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-toggle-button-item-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-toggle-button-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-toggle-button-item-label-spacing: 16px;--ui-components-toggle-button-item-padding-horizontal: 8px;--ui-components-toggle-button-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-toggle-button-item-description-spacing: 8px;--ui-components-text-input-field-padding-horizontal: 16px;--ui-components-text-input-field-button-margin: 12px;--ui-components-button-stroke-weight-left: var(--button-stroke-weight-left);--ui-components-button-stroke-weight-top: var(--button-stroke-weight-top);--ui-components-button-stroke-weight-right: var(--button-stroke-weight-right);--ui-components-button-stroke-weight-bottom: var( --button-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-bottom: var( --input-field-stroke-weight-bottom );--ui-components-text-input-field-stroke-weight-left: var( --input-field-stroke-weight-left );--ui-components-text-input-field-stroke-weight-top: var( --input-field-stroke-weight-top );--ui-components-text-input-field-stroke-weight-right: var( --input-field-stroke-weight-right );--ui-components-text-input-field-padding-right: var( --input-field-padding-right );--ui-components-text-input-field-padding-left: var( --input-field-padding-left );--app-components-topbar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-padding-horizontal: 16px;--menu-navigation-components-table-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-item-label-spacing: 16px;--menu-navigation-components-table-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-item-badge-spacing: 8px;--menu-navigation-components-navigation-item-visual-target-size: var( --global-size-spacing-touch-target-min );--app-components-navigation-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-slider-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-slider-regular-thumb-height: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-slider-spacing: 16px;--ui-components-slider-padding-horizontal: 48px;--ui-components-slider-border-radius: var( --global-border-radius-border-radius-base );--ui-components-slider-regular-track-height: 16px;--menu-navigation-components-branch-touch-target-size-height: var( --global-size-spacing-touch-target-min );--menu-navigation-components-branch-width: 64px;--menu-navigation-components-table-item-padding-top: 24px;--ui-components-context-menu-border-radius: var( --global-border-radius-border-radius-floating );--global-size-spacing-list-item-menu-margin-vertical-context-menu: 8px;--ui-components-context-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--ui-components-checkbox-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--ui-components-checkbox-list-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-dropdown-button-touch-target-size: var( --global-size-spacing-touch-target-min );--global-typography-button-two-line-font-size: var(--font-size-200);--global-typography-button-two-line-line-height: var(--line-height-150);--global-typography-button-two-line-font-weight: var(--font-weight-bold);--global-typography-button-two-line-letter-spacing: .8999999761581421px;--ui-components-keyboard-nummeric-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-nummeric-button-spacing: 16px;--ui-components-keyboard-nummeric-section-spacing: 32px;--ui-components-slider-regular-thumb-width: 18px;--ui-components-slider-enhanced-track-height: 64px;--ui-components-slider-enhanced-thumb-height: 64px;--ui-components-slider-enhanced-thumb-width: 24px;--ui-components-keyboard-nummeric-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-icon-toggle-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-toggle-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-icon-toggle-button-label-spacing: 16px;--ui-components-icon-toggle-button-border-radius: var( --global-border-radius-border-radius-base );--ui-components-icon-toggle-button-description-spacing: 8px;--ui-components-context-menu-title-label-spacing: 32px;--ui-components-slider-regular-thumb-indicator-height: 48px;--ui-components-slider-regular-thumb-indicator-width: 48px;--ui-components-slider-regular-thumb-padding: 8px;--ui-components-slider-regular-thumb-margin: 12px;--ui-components-slider-button-thumb-height: 64px;--ui-components-slider-button-thumb-width: var( --global-size-spacing-touch-target-min );--ui-components-slider-button-track-height: 64px;--ui-components-slider-indicator-thumb-height: 16px;--ui-components-slider-indicator-thumb-width: 16px;--ui-components-slider-indicator-track-height: 12px;--menu-navigation-components-navigation-item-command-icon-size: var( --global-size-spacing-icon-icon-size-small );--menu-navigation-components-navigation-item-touch-target-size-large: 128px;--menu-navigation-components-navigation-item-flyout-icon-container-size: 32px;--menu-navigation-components-navigation-item-margin-vertical-icon-button: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--alert-components-badge-icon-size-flat: 32px;--alert-components-badge-icon-size-flat-border-weight: 1px;--ui-components-elevated-card-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-action-button-width: 192px;--ui-components-keyboard-nummeric-component-height-min: 720px;--ui-components-keyboard-nummeric-component-width-min: 608px;--ui-components-keyboard-nummeric-keys-section-width-min: 320px;--ui-components-keyboard-button-size-min: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-button-spacing: 16px;--ui-components-keyboard-section-spacing: 32px;--ui-components-keyboard-top-bar-height: var( --global-size-spacing-touch-target-min );--ui-components-keyboard-action-button-width: 192px;--ui-components-keyboard-component-height: 832px;--ui-components-keyboard-component-width-min: 1392px;--ui-components-keyboard-keys-section-width-min: 320px;--ui-components-keyboard-border-radius: var( --global-border-radius-border-radius-base );--ui-components-keyboard-nummeric-padding-spacer: 56px;--ui-components-keyboard-nummeric-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-branch-icon-size-mask: var( --global-size-spacing-icon-icon-size-regular );--ui-components-app-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-clock-label-spacing: 8px;--app-components-clock-padding-horizontal: 16px;--app-components-clock-vertical-stack-spacing: 0;--app-components-clock-colon-size: 6px;--app-components-clock-colon-spacing: 4px;--app-components-clock-margin-horizontal: 8px;--app-components-clock-touch-target: var( --global-size-spacing-touch-target-min );--app-components-clock-visual-target: var( --global-size-spacing-visual-target-min );--app-components-clock-border-radius: var( --global-border-radius-border-radius-base );--app-components-clock-digit-spacing: 4px;--app-components-topbar-label-spacing: 16px;--app-components-topbar-label-padding: 8px;--app-components-alert-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-button-padding-counter-right: 4px;--app-components-alert-button-counter-spacing: 8px;--app-components-notification-message-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-message-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-message-label-spacing: 16px;--app-components-notification-message-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-message-touch-target-size-double: 128px;--app-components-notification-message-visual-target-size-double: 112px;--app-components-notification-message-border-radius: var( --global-border-radius-border-radius-base );--app-components-notification-message-border-radius-top-left: var( --button-border-radius-top-left );--app-components-notification-message-border-radius-top-right: var( --button-border-radius-top-right );--app-components-notification-message-border-radius-bottom-left: var( --button-border-radius-bottom-left );--app-components-notification-message-border-radius-bottom-right: var( --button-border-radius-bottom-right );--app-components-notification-message-stroke-weight: 1px;--app-components-notification-message-stroke-weight-left: var( --notification-message-stroke-weight-left );--app-components-notification-message-stroke-weight-top: var( --notification-message-stroke-weight-top );--app-components-notification-message-stroke-weight-right: var( --notification-message-stroke-weight-right );--app-components-notification-message-stroke-weight-bottom: var( --notification-message-stroke-weight-bottom );--app-components-notification-message-padding-horizontal: 16px;--app-components-notification-message-label-spacing-vertical: 8px;--global-size-spacing-state-container-stroke-weight: 1px;--global-size-spacing-state-container-stroke-weight-left: var( --state-container-stroke-weight-left );--global-size-spacing-state-container-stroke-weight-top: var( --state-container-stroke-weight-top );--global-size-spacing-state-container-stroke-weight-right: var( --state-container-stroke-weight-right );--global-size-spacing-state-container-stroke-weight-bottom: var( --state-container-stroke-weight-bottom );--global-size-spacing-state-container-border-radius: var( --global-border-radius-border-radius-base );--global-size-spacing-state-container-border-radius-top-left: var( --state-container-border-radius-top-left );--global-size-spacing-state-container-border-radius-top-right: var( --state-container-border-radius-top-right );--global-size-spacing-state-container-border-radius-bottom-right: var( --state-container-border-radius-bottom-right );--global-size-spacing-state-container-border-radius-bottom-left: var( --state-container-border-radius-bottom-left );--app-components-alert-button-stack-spacing: 16px;--app-components-alert-button-margin-horizontal: 16px;--menu-navigation-components-tree-navigation-item-padding-horizontal: 16px;--menu-navigation-components-tree-navigation-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tree-navigation-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-system-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-system-button-padding-divider: 16px;--app-components-system-button-icon-spacing: 8px;--app-components-system-button-visual-target: var( --global-size-spacing-visual-target-min );--app-components-system-button-border-radius: var( --global-border-radius-border-radius-base );--app-components-system-button-margin: 16px;--app-components-system-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-system-button-label-spacing: 16px;--app-components-command-button-label-spacing: 16px;--global-size-spacing-icon-icon-size-small: 32px;--app-components-breadcrumb-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-breadcrumb-item-label-spacing: 8px;--app-components-breadcrumb-item-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-breadcrumb-item-chevron-container-size: 32px;--app-components-breadcrumb-item-padding-horizontal: 8px;--app-components-breadcrumb-item-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-breadcrumb-item-border-radius: var( --global-border-radius-border-radius-base );--ui-components-chip-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-chip-padding-horizontal: 16px;--ui-components-chip-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-chip-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-icon-check-button-border-radius-2: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-3: var( --global-border-radius-border-radius-base );--ui-components-icon-check-button-border-radius-4: var( --global-border-radius-border-radius-base );--ui-components-chip-border-radius: var(--border-radius-br-24);--ui-components-chip-label-spacing: 8px;--app-components-alert-button-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-alert-button-visual-target-size: var( --global-size-spacing-visual-target-min );--app-components-alert-button-padding-vertical: 8px;--app-components-clock-touch-target-size-double: 128px;--app-components-clock-visual-target-size-double: 112px;--app-components-system-button-divider-height: var( --global-size-spacing-icon-icon-size-regular );--app-components-topbar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-topbar-height-large: 128px;--app-components-topbar-padding-left-inactive: 24px;--app-components-topbar-margin-global: 8px;--app-components-system-button-padding: 8px;--app-components-topbar-padding-left-small: 24px;--app-components-topbar-height-double: 192px;--app-components-tool-bar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-tool-bar-touch-target-size: var( --global-size-spacing-touch-target-min );--app-components-tool-bar-margin-global: 8px;--app-components-vendor-button-padding-badge: 16px;--app-components-navigation-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-app-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-accordion-item-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-accordion-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-accordion-item-label-spacing: 16px;--ui-components-accordion-item-padding-horizontal: 16px;--ui-components-accordion-item-border-radius: var(--border-radius-br-12);--ui-components-accordion-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-scroll-bar-container-size-regular: 32px;--menu-navigation-components-scroll-bar-visual-target-size-regular: 32px;--menu-navigation-components-scroll-bar-visual-target-size-large: var( --global-size-spacing-visual-target-min );--menu-navigation-components-scroll-bar-touch-target-size-large: var( --global-size-spacing-touch-target-min );--menu-navigation-components-scroll-bar-container-size-thin: 8px;--menu-navigation-components-scroll-bar-visual-target-size-thin: 8px;--menu-navigation-components-scroll-bar-border-radius: var( --global-border-radius-border-radius-round );--menu-navigation-components-scroll-bar-spacing-vertical-regular: 16px;--app-components-app-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-pivot-item-icon-pivot-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-visual-target-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-pivot-item-icon-pivot-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal: 16px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-horizontal: 16px;--menu-navigation-components-pivot-item-icon-pivot-item-label-spacing: 16px;--menu-navigation-components-pivot-item-icon-pivot-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-pivot-item-icon-pivot-item-border-radius-active-tab: 4px;--menu-navigation-components-pivot-item-icon-pivot-item-size-active-tab: 6px;--ui-components-toggle-switch-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--menu-navigation-components-pivot-row-padding-horizontal: 8px;--menu-navigation-components-pivot-row-padding-horizontal-divider: 24px;--ui-components-toggle-switch-item-touch-target-size-two-story: var( --global-size-spacing-touch-target-min-two-story );--ui-components-app-button-touch-target-size-enhanced: 144px;--ui-components-app-button-visual-size-enhanced: 128px;--ui-components-app-button-icon-size-enhanced: 96px;--ui-components-app-button-padding-vertical-enhanced: 16px;--app-components-app-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-app-menu-label-spacing: 16px;--app-components-dimming-menu-icon-size: 96px;--app-components-dimming-menu-padding-vertical: 16px;--app-components-dimming-menu-padding-horizontal: 16px;--app-components-dimming-menu-label-spacing: 16px;--app-components-dimming-menu-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-page-indicator-indicator-size: 16px;--menu-navigation-components-page-indicator-indicator-spacing: 16px;--app-components-alert-list-item-padding-horizontal: 48px;--menu-navigation-components-table-item-padding-icon: 8px;--menu-navigation-components-terminal-padding-aggregated-icon: 8px;--menu-navigation-components-table-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--alert-components-badge-icon-size-large: 40px;--alert-components-badge-label-spacing-large: 4px;--app-components-notification-list-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-notification-list-item-visual-target: var( --global-size-spacing-visual-target-min );--app-components-notification-list-item-label-spacing: 16px;--app-components-notification-list-item-padding-horizontal: var( --app-components-alert-list-item-padding-horizontal );--app-components-notification-list-item-touch-target: var( --global-size-spacing-touch-target-min );--app-components-notification-list-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--menu-navigation-components-table-row-margin: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--menu-navigation-components-table-row-first-column-width: 640px;--ui-components-slider-discrete-track-height: 16px;--ui-components-slider-discrete-thumb-margin: 0;--ui-components-slider-discrete-thumb-indicator-width: 48px;--ui-components-slider-discrete-thumb-indicator-height: 48px;--ui-components-slider-discrete-thumb-width: 24px;--ui-components-slider-discrete-thumb-padding: 48px;--ui-components-slider-discrete-thumb-height: 48px;--app-components-alert-menu-padding-horizontal: 16px;--app-components-alert-menu-title-container-height: 128px;--app-components-alert-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-padding-horizontal: 16px;--app-components-notification-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-menu-title-container-height: var( --app-components-alert-menu-title-container-height );--app-components-alert-list-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-list-item-label-spacing: 32px;--app-components-alert-list-item-touch-target-min: var( --global-size-spacing-touch-target-min );--app-components-alert-list-item-button-size: 192px;--app-components-alert-menu-button-size: var( --app-components-alert-list-item-button-size );--app-components-alert-list-item-padding-vertical: 16px;--app-components-alert-list-item-chevron-container-size: 64px;--ui-components-slider-regular-tick-height: 6px;--app-components-notification-menu-button-size: var( --app-components-alert-list-item-button-size );--ui-components-slider-discrete-leading-icon-padding: 16px;--app-components-notification-list-item-padding-vertical: 16px;--ui-components-slider-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-slider-thumb-boder-raduis: var( --global-border-radius-border-radius-round );--app-components-notification-list-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-large );--global-size-spacing-icon-icon-size-large: 64px;--app-components-notification-floating-item-label-spacing: 16px;--app-components-notification-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-notification-floating-item-padding-horizontal: 32px;--app-components-notification-floating-item-padding-vertical-single: 16px;--app-components-notification-floating-item-padding-vertical-multi: 24px;--app-components-alert-floating-item-app-icon-size: var( --global-size-spacing-icon-icon-size-xlarge );--app-components-alert-floating-item-label-spacing: 16px;--app-components-alert-floating-item-padding-horizontal: 32px;--app-components-alert-floating-item-padding-vertical-single: 16px;--app-components-alert-floating-item-padding-vertical-multi: 24px;--app-components-alert-floating-item-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-floating-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-alert-floating-item-icon-container-size: 96px;--global-size-spacing-icon-icon-size-xlarge: 80px;--app-components-alert-floating-item-icon-size-large: var( --global-size-spacing-icon-icon-size-large );--app-components-alert-floating-item-button-width: var( --app-components-alert-list-item-button-size );--ui-components-slider-thumb-gap-stroke: 12px;--ui-components-slider-discrete-value-padding: 48px;--ui-components-slider-discrete-value-container-size: 64px;--ui-components-slider-discrete-padding-horizontal-right: 16px;--ui-components-slider-discrete-icon-container-width: 16px;--ui-components-slider-regular-icon-container-width: 48px;--app-components-user-menu-padding-vertical: 16px;--app-components-user-menu-padding-horizontal: 16px;--app-components-user-menu-border-radius: var( --global-border-radius-border-radius-floating );--ui-components-slider-enhanced-icon-container-width: 48px;--ui-components-slider-button-icon-container-width: 48px;--ui-components-slider-indicator-icon-container-width: 16px;--ui-components-user-button-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-user-button-visual-size: var( --global-size-spacing-visual-target-min );--ui-components-user-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-user-button-label-spacing: 8px;--ui-components-user-button-border-radius: var( --global-border-radius-border-radius-round );--ui-components-user-button-padding-vertical: 8px;--ui-components-user-button-touch-target-size-enhanced: 144px;--ui-components-user-button-visual-size-enhanced: 128px;--ui-components-user-button-icon-size-enhanced: 96px;--ui-components-user-button-padding-vertical-enhanced: 16px;--ui-components-user-button-border-radius-container: var( --global-border-radius-border-radius-base );--app-components-alert-button-padding-horizontal: 8px;--app-components-alert-button-alert-button-width: 112px;--alert-components-badge-min-size-large: 48px;--ui-components-context-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--ui-components-toggle-switch-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tree-navigation-item-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--global-size-spacing-list-item-menu-margin-horizontal-context-menu: 8px;--menu-navigation-components-navigation-item-margin-horizontal-list-item: var( --global-size-spacing-list-item-menu-margin-horizontal-list-item );--app-components-alert-list-item-icon-spacing: 8px;--menu-navigation-components-table-item-icon-spacing: 8px;--global-size-spacing-list-item-menu-margin-vertical-menu: 32px;--global-size-spacing-list-item-menu-margin-horizontal-menu: 32px;--global-size-spacing-icon-n: 0;--app-components-app-menu-app-button-spacing: 16px;--app-components-app-menu-padding-vertical: 16px;--app-components-app-menu-padding-horizontal: 16px;--app-components-app-menu-margin-scroll-bar: 8px;--app-components-dimming-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-dimming-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-user-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-user-menu-button-spacing: 16px;--app-components-user-menu-button-width: 256px;--ui-components-progressbars-progress-bar--linear-bar-height: 16px;--ui-components-progressbars-progress-bar--linear-padding-vertical: 8px;--ui-components-progressbars-progress-bar--linear-padding-horizontal: 16px;--app-components-clock-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-progressbars-progress-bar--linear-label-spacing: 4px;--ui-components-progressbars-progress-bar--circular-bar-weight: 8px;--ui-components-progressbars-progress-button--linear-bar-height: 8px;--ui-components-progressbars-progress-button--linear-padding-vertical-bar: 2px;--ui-components-progressbars-progress-button--linear-padding-horizontal-bar: 0;--ui-components-progressbars-progress-button--circular-bar-weight: 8px;--app-components-modal-margin-vertical: 48px;--app-components-modal-title-container-height: var( --global-size-spacing-touch-target-min );--app-components-modal-button-spacing: 16px;--app-components-modal-border-radius: var( --global-border-radius-border-radius-floating );--app-components-modal-padding-vertical-button-container: 16px;--app-components-modal-padding-divider: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-active-tab: 8px;--menu-navigation-components-pivot-item-icon-pivot-item-margin-active-tab: 16px;--app-components-system-menu-padding-horizontal: 16px;--app-components-system-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-system-menu-spacing-large: 32px;--app-components-system-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-alert-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-alert-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-notification-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-notification-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-system-menu-icon-size: 96px;--app-components-system-menu-spacing: 16px;--app-components-system-menu-padding-vertical: 16px;--ui-components-audio-visual-height: 48px;--ui-components-audio-visual-width: 24px;--ui-components-audio-visual-spacing: 16px;--menu-navigation-components-page-indicator-date-item-visual-size: var( --global-size-spacing-visual-target-min );--menu-navigation-components-page-indicator-date-item-padding-horizontal: 16px;--menu-navigation-components-page-indicator-date-item-padding-vertical: 16px;--menu-navigation-components-page-indicator-date-item-touch-target: var( --global-size-spacing-touch-target-min );--menu-navigation-components-page-indicator-date-item-border-radius: 16px;--menu-navigation-components-page-indicator-date-item-indicator-size: 8px;--menu-navigation-components-page-indicator-date-item-indicator-spacing: 4px;--menu-navigation-components-page-indicator-date-item-event-spacing: 8px;--menu-navigation-components-appointment-item-margin-horizontal: 32px;--menu-navigation-components-appointment-item-padding-vertical: 16px;--menu-navigation-components-appointment-item-margin-vertical-bottom: 32px;--menu-navigation-components-appointment-item-label-spacing: 8px;--menu-navigation-components-page-indicator-date-item-padding-borrom-indicator: 4px;--menu-navigation-components-calendar-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--menu-navigation-components-calendar-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--menu-navigation-components-calendar-padding-vertical: 16px;--menu-navigation-components-calendar-border-radius: var( --global-border-radius-border-radius-floating );--app-components-navigation-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-navigation-menu-footer-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-footer-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-system-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-tab-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-tab-item-label-spacing: 16px;--menu-navigation-components-tab-item-padding-horizontal: 32px;--menu-navigation-components-tab-item-divider-height: 48px;--menu-navigation-components-tab-item-spacing: 16px;--menu-navigation-components-tab-item-spacing-large: 32px;--menu-navigation-components-tab-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-horizontal: 16px;--menu-navigation-components-appointment-item-padding-horizontal: 16px;--menu-navigation-components-appointment-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-event-item-margin-horizontal: 32px;--menu-navigation-components-event-item-margin-vertical-bottom: 32px;--menu-navigation-components-event-item-padding-horizontal: 16px;--menu-navigation-components-event-item-padding-vertical: 16px;--menu-navigation-components-event-item-spacing: 16px;--menu-navigation-components-event-item-spacing-large: 32px;--menu-navigation-components-event-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-calendar-padding-vertical-scrollbar: 8px;--menu-navigation-components-calendar-padding-horizontal-scrollbar: 8px;--menu-navigation-components-calendar-divider-height: 48px;--menu-navigation-components-calendar-date-spacing: 4px;--menu-navigation-components-calendar-event-width: 840px;--menu-navigation-components-event-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-calendar-icon-size: var( --global-size-spacing-icon-icon-size-regular );--app-components-command-menu-margin-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-menu );--app-components-command-menu-margin-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-menu );--app-components-command-menu-label-spacing: 16px;--app-components-command-menu-padding-vertical: 16px;--app-components-command-menu-padding-horizontal: 16px;--app-components-command-menu-border-radius: var( --global-border-radius-border-radius-floating );--app-components-command-menu-icon-size-large: 128px;--ui-components-divider-height-small: 32px;--global-size-spacing-column-width: 640px;--app-components-command-menu-icon-size: var( --global-size-spacing-icon-icon-size-regular );--ui-components-start-stop-switch-padding-horizontal: 16px;--ui-components-dropdown-button-padding-top-context-menu: var( --global-size-spacing-touch-target-min );--ui-components-elevated-card-padding-horizontal: 16px;--app-components-tool-bar-border-radius: var( --global-border-radius-border-radius-floating );--menu-navigation-components-table-header-item-touch-target-size: var( --global-size-spacing-touch-target-min );--menu-navigation-components-table-header-item-icon-size: var( --global-size-spacing-icon-icon-size-regular );--menu-navigation-components-table-header-item-label-spacing: 16px;--menu-navigation-components-table-header-item-icon-spacing: 8px;--menu-navigation-components-table-header-item-padding-icon: 8px;--menu-navigation-components-table-header-item-padding-horizontal: var( --global-size-spacing-list-item-menu-padding-horizonal-list-item );--menu-navigation-components-table-header-item-border-radius: var( --global-border-radius-border-radius-base );--menu-navigation-components-table-header-item-badge-spacing: 8px;--menu-navigation-components-table-header-item-padding-top: 24px;--menu-navigation-components-table-header-item-visual-target-size: var( --global-size-spacing-visual-target-min );--ui-components-divider-height-regular: 48px;--automation-components-button-visual-target: 96px;--automation-components-button-touch-target-size: 144px;--automation-components-button-icon-size: 72px;--automation-components-button-icon-size-flat: 96px;--automation-components-button-icon-outliner-stroke: 2px;--automation-components-button-icon-double-primary-size: 48px;--automation-components-button-icon-double-secondary-size: 36px;--automation-components-button-border-radius-round: 100px;--app-components-tool-bar-padding-horizontal: 16px;--automation-components-button-progress-bar-stroke: 4px;--app-components-tool-bar-label-spacing: 16px;--automation-components-button-progress-bar-mask-stroke: 8px;--automation-components-button-border-radius-square: 6px;--automation-components-badge-icon-size: 24px;--automation-components-badge-border-radius: 2px;--automation-components-badge-padding: 8px;--app-components-navigation-menu-sub-page-padding-vertical: var( --global-size-spacing-list-item-menu-margin-vertical-context-menu );--app-components-navigation-menu-sub-page-padding-horizontal: var( --global-size-spacing-list-item-menu-margin-horizontal-context-menu );--app-components-breadcrumbs-padding-horizontal: 0;--app-components-command-button-padding-horizontal: 16px;--app-components-topbar-spacer-nav-arrows: 32px;--app-components-navigation-menu-sub-page-padding-vertical-spatious: 32px;--app-components-navigation-menu-sub-page-padding-horizontal-spatious: 32px;--ui-components-chip-space-between: 8px;--ui-components-rich-button-icon-size-xlarge: var( --global-size-spacing-icon-icon-size-xlarge );--ui-components-rich-button-label-spacing: 16px;--ui-components-rich-button-margin-horizontal: 32px;--ui-components-rich-button-padding-horizontal: 16px;--ui-components-rich-button-padding-vertical: 16px;--ui-components-rich-button-bording-radius: var( --global-border-radius-border-radius-base );--ui-components-rich-button-graphics-height: 160px;--ui-components-rich-button-graphics-width: 160px;--ui-components-rich-button-margin-vertical: 32px;--ui-components-rich-button-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-badge-icon-size-flat: 24px;--ui-components-rich-button-padding-vertical-small: 8px;--ui-components-context-menu-touch-target-size: var( --global-size-spacing-touch-target-min );--number: 0;--automation-components-readout-touch-target-size: var( --global-size-spacing-touch-target-min );--automation-components-readout-visual-size: var( --global-size-spacing-visual-target-min );--automation-components-tanks-number: 0;--automation-components-tanks-number-2: 0;--automation-components-tanks-number-3: 0;--automation-components-automation-control-number: 0;--automation-components-automation-control-number-2: 0;--automation-components-automation-control-number-3: 0;--automation-components-readout-icon-size: var( --global-size-spacing-icon-icon-size-regular );--automation-components-readout-label-spacing: 16px;--automation-components-readout-padding-horizontal: 8px;--automation-components-readout-stroke-weight: 1px;--automation-components-readout-stroke-weight-left: var( --button-stroke-weight-left );--automation-components-readout-stroke-weight-right: var( --button-stroke-weight-right );--automation-components-readout-stroke-weight-top: var( --button-stroke-weight-top );--automation-components-readout-stroke-weight-bottom: var( --button-stroke-weight-bottom );--automation-components-readout-stack-spacing: 4px;--automation-components-readout-border-radius: var( --global-border-radius-border-radius-base );--automation-components-readout-border-radius-top-left: var( --button-border-radius-top-left );--automation-components-readout-border-radius-top-right: var( --button-border-radius-top-right );--automation-components-readout-border-radius-bottom-left: var( --button-border-radius-bottom-left );--automation-components-readout-border-radius-bottom-right: var( --button-border-radius-bottom-right );--ui-components-elevated-card-touch-target-min: 128px}*{--font-size-075: 12px;--font-size-100: 16px;--font-size-150: 24px;--font-size-200: 32px;--font-size-250: 36px;--font-size-300: 48px;--font-size-400: 64px;--font-size-450: 72px;--font-size-500: 80px;--font-family-main: "Noto Sans";--font-family-old: "open-sans";--line-height-075: 16px;--line-height-100: 24px;--line-height-150: 32px;--line-height-200: 48px;--line-height-250: 56px;--line-height-300: 64px;--line-height-400: 80px;--line-height-450: 96px;--line-height-500: 104px;--font-weight-regular: 370;--font-weight-semibold: 570;--font-weight-bold: 670;--line-height-050: 12px;--button-border-radius-top-left: var(--ui-components-button-border-radius);--button-border-radius-top-right: var(--ui-components-button-border-radius);--button-border-radius-bottom-right: var( --ui-components-button-border-radius );--button-border-radius-bottom-left: var(--ui-components-button-border-radius);--button-stroke-weight-left: var(--ui-components-button-stroke-weight);--button-stroke-weight-top: var(--ui-components-button-stroke-weight);--button-stroke-weight-right: var(--ui-components-button-stroke-weight);--button-stroke-weight-bottom: var(--ui-components-button-stroke-weight);--icon-button-padding-left: var( --ui-components-icon-button-padding-horizontal );--icon-button-padding-right: var( --ui-components-icon-button-padding-horizontal );--input-field-border-radius-top-left: var( --ui-components-text-input-field-border-radius );--input-field-border-radius-top-right: var( --ui-components-text-input-field-border-radius );--input-field-border-radius-bottom-right: var( --ui-components-text-input-field-border-radius );--input-field-border-radius-bottom-left: var( --ui-components-text-input-field-border-radius );--input-field-stroke-weight-left: var( --ui-components-text-input-field-stroke-weight );--input-field-stroke-weight-top: var( --ui-components-text-input-field-stroke-weight );--input-field-stroke-weight-right: var( --ui-components-text-input-field-stroke-weight );--input-field-stroke-weight-bottom: var( --ui-components-text-input-field-stroke-weight );--input-field-padding-left: var( --ui-components-text-input-field-padding-horizontal );--input-field-padding-right: var( --ui-components-text-input-field-padding-horizontal );--bar-meter-border-radius-top-left: var(--bars-bar-bar-border-radius);--bar-meter-border-radius-top-right: var(--bars-bar-bar-border-radius);--bar-meter-border-radius-bottom-left: var(--bars-bar-bar-border-radius);--bar-meter-border-radius-bottom-right: var(--bars-bar-bar-border-radius);--bar-chart-bar-vertical-border-radius-top-left: var( --bars-bar-chart-bar-border-radius );--bar-chart-bar-vertical-border-radius-top-right: var( --bars-bar-chart-bar-border-radius );--bar-chart-bar-vertical-border-radius-bottom-left: var( --bars-bar-chart-bar-border-radius );--bar-chart-bar-vertical-border-radius-bottom-right: var( --bars-bar-chart-bar-border-radius );--bar-chart-bar-vertical-padding-top: 0;--bar-chart-bar-vertical-padding-bottom: 0;--bar-chart-bar-horizontal-padding-left: 0;--bar-chart-bar-horizontal-padding-right: 0;--bar-chart-bar-horizontal-border-radius-top-left: var( --bars-bar-chart-bar-border-radius );--bar-chart-bar-horizontal-border-radius-top-right: var( --bars-bar-chart-bar-border-radius );--bar-chart-bar-horizontal-border-radius-bottom-right: var( --bars-bar-chart-bar-border-radius );--bar-chart-bar-horizontal-border-radius-bottom-left: var( --bars-bar-chart-bar-border-radius );--notification-message-border-radius-top-left: var( --app-components-notification-message-border-radius );--notification-message-stroke-weight-left: var( --app-components-notification-message-stroke-weight );--notification-message-stroke-weight-top: var( --app-components-notification-message-stroke-weight );--notification-message-stroke-weight-right: var( --app-components-notification-message-stroke-weight );--notification-message-stroke-weight-bottom: var( --app-components-notification-message-stroke-weight );--notification-message-border-radius-top-right: var( --app-components-notification-message-border-radius );--notification-message-border-radius-bottom-right: var( --app-components-notification-message-border-radius );--notification-message-border-radius-bottom-left: var( --app-components-notification-message-border-radius );--state-container-stroke-weight-left: var( --global-size-spacing-state-container-stroke-weight );--state-container-stroke-weight-top: var( --global-size-spacing-state-container-stroke-weight );--state-container-stroke-weight-bottom: var( --global-size-spacing-state-container-stroke-weight );--state-container-stroke-weight-right: var( --global-size-spacing-state-container-stroke-weight );--state-container-border-radius-top-left: var( --global-size-spacing-state-container-border-radius );--state-container-border-radius-top-right: var( --global-size-spacing-state-container-border-radius );--state-container-border-radius-bottom-right: var( --global-size-spacing-state-container-border-radius );--state-container-border-radius-bottom-left: var( --global-size-spacing-state-container-border-radius );--border-radius-br-round: 1000px;--selection-size-min: 24px;--border-radius-br-0: 0;--border-radius-br-2: 2px;--border-radius-br-4: 4px;--border-radius-br-6: 6px;--border-radius-br-8: 8px;--border-radius-br-12: 12px;--border-radius-br-16: 16px;--border-radius-br-24: 24px;--shadow-flat: var(--shadow-flat-x) var(--shadow-flat-y) var(--shadow-flat-blur) var(--shadow-flat-spread) var(--shadow-flat-color);--shadow-raised: var(--shadow-raised-x) var(--shadow-raised-y) var(--shadow-raised-blur) var(--shadow-raised-spread) var(--shadow-raised-color);--shadow-floating: var(--shadow-floating-x) var(--shadow-floating-y) var(--shadow-floating-blur) var(--shadow-floating-spread) var(--shadow-floating-color);--shadow-overlay: var(--shadow-overlay-x) var(--shadow-overlay-y) var(--shadow-overlay-blur) var(--shadow-overlay-spread) var(--shadow-overlay-color)}:root[data-obc-theme=day]{--icon-02-chevron-up: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 14.0002L7.41 15.4102L12 10.8302L16.59 15.4102L18 14.0002L12 8.00016L6 14.0002Z" fill="rgba(0, 0, 0, 0.55)"/></svg>');--icon-02-chevron-down: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 9.41L16.59 8L12 12.58L7.41 8L6 9.41L12 15.41L18 9.41Z" fill="rgba(0, 0, 0, 0.55)"/></svg>');--element-active-color: rgb(61, 61, 61);--element-neutral-color: rgb(83, 83, 83);--element-inactive-color: rgb(112, 112, 112);--element-disabled-color: rgb(202, 202, 202);--container-global-color: rgb(255, 255, 255);--container-background-color: rgb(247, 247, 247);--container-section-color: rgb(240, 240, 240);--container-backdrop-color: rgb(224, 224, 224);--border-outline-color: rgb(221, 221, 221);--border-divider-color: rgb(221, 221, 221);--border-silhouette-color: rgb(247, 247, 247);--instrument-enhanced-secondary-color: rgb(51, 84, 131);--instrument-enhanced-tertiary-color: rgb(204, 222, 246);--instrument-regular-secondary-color: rgb(112, 112, 112);--instrument-regular-tertiary-color: rgb(221, 221, 221);--instrument-frame-primary-color: rgb(255, 255, 255);--instrument-frame-secondary-color: rgb(240, 240, 240);--instrument-frame-tertiary-color: rgb(221, 221, 221);--instrument-tick-mark-primary-color: rgb(61, 61, 61);--instrument-tick-mark-secondary-color: rgb(112, 112, 112);--instrument-tick-mark-tertiary-color: rgb(142, 142, 142);--instrument-starboard-primary-color: rgb(0, 128, 95);--instrument-starboard-secondary-color: rgb(196, 228, 212);--instrument-port-primary-color: rgb(165, 90, 106);--instrument-port-secondary-color: rgb(246, 213, 218);--alert-alarm-color: rgb(227, 0, 25);--alert-warning-color: rgb(254, 148, 19);--alert-caution-color: rgb(255, 219, 55);--on-alarm-color: rgb(255, 255, 255);--on-warning-color: rgb(26, 26, 26);--on-caution-color: rgb(61, 61, 61);--element-active-inverted-color: rgb(255, 255, 255);--element-neutral-inverted-color: rgb(211, 211, 211);--element-inactive-inverted-color: rgb(170, 170, 170);--element-disabled-inverted-color: rgb(109, 109, 109);--alert-running-color: rgb(0, 131, 0);--normal-enabled-background-color: rgb(255, 255, 255);--data-categorical-01: rgb(102, 144, 203);--data-categorical-02: rgb(181, 133, 69);--data-categorical-03: rgb(41, 157, 154);--data-categorical-04: rgb(111, 103, 177);--normal-enabled-border-color: rgb(202, 202, 202);--normal-hover-background-color: rgb(247, 247, 247);--normal-hover-border-color: rgb(202, 202, 202);--normal-pressed-background-color: rgb(233, 233, 233);--normal-pressed-border-color: rgb(202, 202, 202);--normal-focused-background-color: rgb(255, 255, 255);--normal-focused-border-color: rgb(NaN, NaN, NaN);--normal-disabled-border-color: rgb(221, 221, 221);--normal-disabled-background-color: rgb(255, 255, 255, 0);--raised-enabled-background-color: rgb(83, 83, 83);--raised-enabled-border-color: rgb(71, 71, 71);--raised-hover-background-color: rgb(71, 71, 71);--raised-hover-border-color: rgb(71, 71, 71);--raised-pressed-background-color: rgb(61, 61, 61);--raised-pressed-border-color: rgb(61, 61, 61);--raised-focused-background-color: rgb(83, 83, 83);--raised-focused-border-color: rgb(NaN, NaN, NaN);--raised-disabled-background-color: rgb(255, 255, 255, 0);--raised-disabled-border-color: rgb(221, 221, 221);--on-normal-active-color: rgb(61, 61, 61);--on-normal-neutral-color: rgb(83, 83, 83);--on-normal-disabled-color: rgb(202, 202, 202);--flat-enabled-background-color: rgb(0, 0, 0, 0);--flat-enabled-border-color: rgb(0, 0, 0, 0);--flat-hover-background-color: rgb(0, 0, 0, .05999999865889549);--flat-hover-border-color: rgb(255, 255, 255, 0);--flat-pressed-background-color: rgb(0, 0, 0, .10000000149011612);--flat-pressed-border-color: rgb(255, 255, 255, 0);--flat-focused-background-color: rgb(0, 0, 0, 0);--flat-focused-border-color: rgb(NaN, NaN, NaN);--flat-disabled-background-color: rgb(255, 255, 255, 0);--flat-disabled-border-color: rgb(0, 0, 0, 0);--on-raised-active-color: rgb(255, 255, 255);--on-raised-neutral-color: rgb(211, 211, 211);--on-raised-disabled-color: rgb(202, 202, 202);--on-flat-active-color: rgb(61, 61, 61);--on-flat-neutral-color: rgb(83, 83, 83);--on-flat-disabled-color: rgb(202, 202, 202);--selected-enabled-background-color: rgb(51, 84, 131);--selected-enabled-border-color: rgb(51, 84, 131);--selected-hover-background-color: rgb(42, 72, 114);--selected-hover-border-color: rgb(42, 72, 114);--selected-pressed-background-color: rgb(34, 60, 97);--selected-pressed-border-color: rgb(34, 60, 97);--selected-focused-background-color: rgb(51, 84, 131);--selected-focused-border-color: rgb(NaN, NaN, NaN);--selected-disabled-background-color: rgb(221, 221, 221);--selected-disabled-border-color: rgb(221, 221, 221);--on-selected-active-color: rgb(255, 255, 255);--on-selected-neutral-color: rgb(204, 222, 246);--on-selected-disabled-color: rgb(255, 255, 255);--amplified-enabled-background-color: rgb(225, 235, 249);--amplified-enabled-border-color: rgb(225, 235, 249);--amplified-hover-background-color: rgb(204, 222, 246);--amplified-hover-border-color: rgb(204, 222, 246);--amplified-pressed-background-color: rgb(191, 213, 244);--amplified-pressed-border-color: rgb(191, 213, 244);--amplified-focused-background-color: rgb(225, 235, 249);--amplified-focused-border-color: rgb(NaN, NaN, NaN);--amplified-disabled-background-color: rgb(255, 255, 255, 0);--amplified-disabled-border-color: rgb(221, 221, 221);--on-amplified-active-color: rgb(51, 84, 131);--on-amplified-neutral-color: rgb(51, 84, 131);--on-amplified-disabled-color: rgb(202, 202, 202);--navigation-light-green-color: rgb(196, 228, 212);--navigation-light-red-color: rgb(246, 213, 218);--navigation-light-yellow-color: rgb(222, 222, 191);--alert-limit-primary-color: rgb(0, 0, 0, .05999999865889549);--alert-limit-secondary-color: rgb(0, 0, 0, .05999999865889549);--alarm-enabled-background-color: rgb(227, 0, 25);--alarm-enabled-border-color: rgb(195, 0, 0);--alarm-hover-background-color: rgb(195, 0, 0);--alarm-hover-border-color: rgb(171, 0, 0);--alarm-pressed-background-color: rgb(171, 0, 0);--alarm-pressed-border-color: rgb(171, 0, 0);--alarm-focused-background-color: rgb(227, 0, 25);--alarm-focused-border-color: rgb(102, 144, 203);--alarm-disabled-background-color: rgb(227, 0, 25);--alarm-disabled-border-color: rgb(227, 0, 25);--warning-enabled-background-color: rgb(255, 142, 34);--warning-enabled-border-color: rgb(220, 113, 0);--warning-hover-background-color: rgb(220, 113, 0);--warning-hover-border-color: rgb(199, 98, 0);--warning-pressed-background-color: rgb(199, 98, 0);--warning-pressed-border-color: rgb(179, 87, 0);--warning-focused-background-color: rgb(220, 113, 0);--warning-focused-border-color: rgb(102, 144, 203);--warning-disabled-background-color: rgb(220, 113, 0);--warning-disabled-border-color: rgb(220, 113, 0);--caution-enabled-background-color: rgb(255, 219, 55);--caution-enabled-border-color: rgb(237, 199, 16);--caution-hover-background-color: rgb(246, 208, 30);--caution-hover-border-color: rgb(237, 199, 16);--caution-pressed-background-color: rgb(237, 199, 16);--caution-pressed-border-color: rgb(202, 168, 0);--caution-focused-background-color: rgb(255, 219, 55);--caution-focused-border-color: rgb(102, 144, 203);--caution-disabled-background-color: rgb(255, 219, 55);--caution-disabled-border-color: rgb(255, 219, 55);--data-weather-sun-primary-color: rgb(149, 103, 38);--data-weather-sun-secondary-color: rgb(237, 217, 194);--data-weather-cloud-light-primary-color: rgb(142, 142, 142);--data-weather-cloud-light-seconday-color: rgb(233, 233, 233);--data-weather-cloud-rain-primary-color: rgb(112, 112, 112);--data-weather-cloud-rain-secondary-color: rgb(202, 202, 202);--data-weather-cloud-heavy-secondary-color: rgb(112, 112, 112);--data-weather-cloud-heavy-primary-color: rgb(112, 112, 112);--data-weather-snow-primary-color: rgb(0, 126, 124);--data-weather-rain-primary-color: rgb(74, 114, 170);--data-weather-lightning-primary-color: rgb(149, 103, 38);--data-weather-moon-primary-color: rgb(112, 112, 112);--indent-enabled-background-color: rgb(0, 0, 0, .05999999865889549);--indent-enabled-border-color: rgb(0, 0, 0, .05999999865889549);--indent-hover-background-color: rgb(0, 0, 0, .10000000149011612);--indent-hover-border-color: rgb(0, 0, 0, .05999999865889549);--indent-pressed-background-color: rgb(0, 0, 0, .15000000596046448);--indent-pressed-border-color: rgb(0, 0, 0, .05999999865889549);--indent-focused-background-color: rgb(0, 0, 0, .05999999865889549);--indent-focused-border-color: rgb(NaN, NaN, NaN);--indent-disabled-background-color: rgb(255, 255, 255, 0);--indent-disabled-border-color: rgb(0, 0, 0, .18000000715255737);--on-indent-active-color: rgb(61, 61, 61);--on-indent-neutral-color: rgb(83, 83, 83);--on-indent-disabled-color: rgb(202, 202, 202);--on-caution-active-color: rgb(73, 58, 0);--on-caution-neutral-color: rgb(87, 70, 0);--on-caution-disabled-color: rgb(169, 139, 0);--on-warning-active-color: rgb(26, 26, 26);--on-warning-neutral-color: rgb(45, 45, 45);--on-warning-disabled-color: rgb(136, 62, 0);--on-alarm-active-color: rgb(255, 255, 255);--on-alarm-neutral-color: rgb(255, 229, 224);--on-alarm-disabled-color: rgb(255, 184, 174);--instrument-enhanced-primary-color: rgb(34, 60, 97);--instrument-enhanced-secondary-dif-color: rgb(102, 144, 203);--instrument-regular-primary-color: rgb(61, 61, 61);--data-weather-cloud-seconday-color: rgb(255, 255, 255);--data-weather-cloud-primary-color: rgb(142, 142, 142);--data-weather-moon-secondary-color: rgb(142, 142, 142);--automation-device-primary-color: rgb(255, 255, 255);--automation-device-secondary-color: rgb(112, 112, 112);--automation-device-tertiary-color: rgb(61, 61, 61);--automation-device-primary-inverted-color: rgb(61, 61, 61);--automation-device-secondary-inverted-color: rgb(83, 83, 83);--automation-device-tertiary-inverted-color: rgb(142, 142, 142);--on-running-color: rgb(255, 255, 255);--flat-activated-background-color: rgb(0, 0, 0, .05999999865889549);--flat-activated-border-color: rgb(255, 255, 255, 0);--normal-activated-background-color: rgb(233, 233, 233);--normal-activated-border-color: rgb(233, 233, 233);--base-blue-050: rgb(225, 235, 249);--base-blue-300: rgb(102, 144, 203);--base-blue-600: rgb(34, 60, 97);--base-blue-100: rgb(204, 222, 246);--base-blue-200: rgb(178, 204, 241);--base-blue-400: rgb(74, 114, 170);--base-blue-500: rgb(51, 84, 131);--automation-medium-acid-alkalis: rgb(235, 213, 234);--automation-medium-fire-fighting: rgb(246, 201, 195);--automation-medium-flammable-gas: rgb(246, 213, 218);--automation-medium-fresh-water: rgb(173, 219, 240);--automation-medium-sea-water: rgb(196, 228, 212);--automation-medium-fuel: rgb(237, 217, 194);--automation-medium-oil: rgb(222, 222, 191);--automation-medium-masses: rgb(226, 219, 211);--automation-medium-non-flammable-gas: rgb(192, 219, 183);--automation-medium-steam: rgb(204, 222, 246);--automation-medium-air-ventilation: rgb(221, 221, 221);--automation-medium-waste: rgb(217, 217, 248);--automation-medium-hot: rgb(246, 201, 195);--automation-medium-cold: rgb(173, 219, 240);--base-cyan-050: rgb(219, 237, 246);--base-cyan-100: rgb(173, 219, 240);--base-cyan-200: rgb(161, 209, 232);--base-cyan-300: rgb(60, 152, 188);--base-cyan-400: rgb(23, 121, 155);--base-cyan-500: rgb(0, 90, 119);--base-cyan-600: rgb(0, 65, 87);--base-red-050: rgb(249, 230, 233);--base-red-100: rgb(246, 213, 218);--base-red-200: rgb(239, 189, 198);--base-red-300: rgb(198, 119, 135);--base-red-400: rgb(165, 90, 106);--base-red-500: rgb(126, 64, 78);--base-red-600: rgb(94, 45, 55);--base-orange-050: rgb(244, 233, 220);--base-orange-100: rgb(237, 217, 194);--base-orange-200: rgb(227, 198, 162);--base-orange-300: rgb(181, 133, 69);--base-orange-400: rgb(149, 103, 38);--base-orange-500: rgb(113, 75, 18);--base-orange-600: rgb(84, 54, 6);--base-teal-050: rgb(215, 238, 236);--base-teal-100: rgb(173, 220, 221);--base-teal-200: rgb(156, 213, 210);--base-teal-300: rgb(41, 157, 154);--base-teal-400: rgb(0, 126, 124);--base-teal-500: rgb(0, 93, 91);--base-teal-600: rgb(0, 68, 67);--border-focus-color: rgb(51, 84, 131);--automation-pipe-primary-color: rgb(255, 255, 255);--automation-pipe-secondary-color: rgb(142, 142, 142);--automation-pipe-tertiary-color: rgb(83, 83, 83);--automation-pipe-primary-inverted-color: rgb(221, 221, 221);--automation-pipe-secondary-inverted-color: rgb(83, 83, 83);--automation-pipe-tertiary-inverted-color: rgb(202, 202, 202);--thumb-enabled-background-color: rgb(255, 255, 255);--thumb-enabled-border-color: rgb(202, 202, 202);--thumb-hover-background-color: rgb(233, 233, 233);--thumb-hover-border-color: rgb(202, 202, 202);--thumb-pressed-background-color: rgb(221, 221, 221);--thumb-pressed-border-color: rgb(202, 202, 202);--thumb-focused-background-color: rgb(255, 255, 255);--thumb-focused-border-color: rgb(NaN, NaN, NaN);--thumb-disabled-background-color: rgb(202, 202, 202);--thumb-disabled-border-color: rgb(202, 202, 202);--thumb-activated-background-color: rgb(221, 221, 221);--thumb-activated-border-color: rgb(202, 202, 202);--on-thumb-active-color: rgb(61, 61, 61);--on-thumb-neutral-color: rgb(83, 83, 83);--on-thumb-disabled-color: rgb(112, 112, 112);--running-enabled-background-color: rgb(0, 131, 0);--running-enabled-border-color: rgb(0, 112, 0);--running-hover-background-color: rgb(0, 112, 0);--running-hover-border-color: rgb(0, 112, 0);--running-pressed-background-color: rgb(0, 98, 0);--running-pressed-border-color: rgb(0, 71, 0);--running-focused-background-color: rgb(6, 131, 6);--running-focused-border-color: rgb(102, 144, 203);--running-disabled-background-color: rgb(0, 131, 0);--running-disabled-border-color: rgb(0, 131, 0);--on-running-active-color: rgb(255, 255, 255);--on-running-neutral-color: rgb(194, 229, 191);--on-running-disabled-color: rgb(163, 216, 159);--navigation-light-danger-color: rgb(147, 94, 146);--navigation-light-map-caution-color: rgb(149, 103, 38);--alert-warning-text-color: rgb(179, 87, 0);--alert-caution-outline-color: rgb(169, 139, 0);--alert-warning-outline-color: rgb(220, 113, 0);--instrument-regular-secondary-dif-color: rgb(142, 142, 142);--notification-enabled-background-color: rgb(34, 60, 97);--notification-enabled-border-color: rgb(34, 60, 97);--notification-hover-background-color: rgb(38, 69, 115);--notification-hover-border-color: rgb(36, 69, 117);--notification-pressed-background-color: rgb(34, 60, 97);--notification-pressed-border-color: rgb(34, 60, 97);--notification-focused-background-color: rgb(51, 84, 131);--notification-focused-border-color: rgb(NaN, NaN, NaN);--notification-disabled-background-color: rgb(221, 221, 221);--notification-disabled-border-color: rgb(221, 221, 221);--on-notification-active-color: rgb(255, 255, 255);--on-notification-neutral-color: rgb(204, 222, 246);--on-notification-disabled-color: rgb(255, 255, 255);--shadow-flat-x: 0;--shadow-flat-y: 1px;--shadow-flat-blur: 2px;--shadow-flat-spread: 0;--shadow-raised-x: 0;--shadow-raised-y: 2px;--shadow-raised-blur: 4px;--shadow-raised-spread: 0;--shadow-floating-x: 0;--shadow-floating-y: 4px;--shadow-floating-blur: 16px;--shadow-floating-spread: 0;--shadow-overlay-x: 0;--shadow-overlay-y: 8px;--shadow-overlay-blur: 32px;--shadow-overlay-spread: 0;--shadow-flat-color: rgb(0, 0, 0, .18000000715255737);--shadow-raised-color: rgb(0, 0, 0, .18000000715255737);--shadow-floating-color: rgb(0, 0, 0, .3100000023841858);--shadow-overlay-color: rgb(0, 0, 0, .4300000071525574);--typography-color: rgb(255, 255, 255);--base-green-050: rgb(218, 238, 227);--base-green-100: rgb(196, 228, 212);--base-green-200: rgb(164, 213, 189);--base-green-300: rgb(69, 158, 121);--base-green-400: rgb(0, 128, 95);--base-green-500: rgb(18, 95, 68);--base-green-600: rgb(6, 69, 48);--base-yellow-050: rgb(235, 235, 217);--base-yellow-100: rgb(222, 222, 191);--base-yellow-200: rgb(205, 205, 160);--base-yellow-300: rgb(148, 145, 67);--base-yellow-400: rgb(118, 115, 37);--base-yellow-500: rgb(88, 85, 17);--base-yellow-600: rgb(64, 61, 6);--base-purple-050: rgb(243, 231, 243);--base-purple-100: rgb(235, 213, 234);--base-purple-200: rgb(225, 192, 223);--base-purple-300: rgb(178, 124, 177);--base-purple-400: rgb(147, 94, 146);--base-purple-500: rgb(112, 68, 112);--base-purple-600: rgb(82, 47, 82);--base-indigo-050: rgb(232, 232, 251);--base-indigo-100: rgb(217, 217, 248);--base-indigo-200: rgb(199, 197, 244);--base-indigo-300: rgb(140, 133, 210);--base-indigo-400: rgb(111, 103, 177);--base-indigo-500: rgb(82, 75, 137);--base-indigo-600: rgb(59, 54, 102)}:root[data-obc-theme=dusk]{--icon-02-chevron-up: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 14.0002L7.41 15.4102L12 10.8302L16.59 15.4102L18 14.0002L12 8.00016L6 14.0002Z" fill="rgba(255, 255, 255, .550)"/></svg>');--icon-02-chevron-down: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 9.41L16.59 8L12 12.58L7.41 8L6 9.41L12 15.41L18 9.41Z" fill="rgba(255, 255, 255, .550)"/></svg>');--element-active-color: rgb(198, 198, 198);--element-neutral-color: rgb(165, 165, 165);--element-inactive-color: rgb(130, 130, 130);--element-disabled-color: rgb(58, 58, 58);--container-global-color: rgb(36, 36, 36);--container-background-color: rgb(26, 26, 26);--container-section-color: rgb(18, 18, 18);--container-backdrop-color: rgb(3, 3, 3);--border-outline-color: rgb(0, 0, 0);--border-divider-color: rgb(255, 255, 255, .09000000357627869);--border-silhouette-color: rgb(0, 0, 0);--instrument-enhanced-secondary-color: rgb(133, 167, 216);--instrument-enhanced-tertiary-color: rgb(35, 46, 61);--instrument-regular-secondary-color: rgb(130, 130, 130);--instrument-regular-tertiary-color: rgb(36, 36, 36);--instrument-frame-primary-color: rgb(45, 45, 45);--instrument-frame-secondary-color: rgb(18, 18, 18);--instrument-frame-tertiary-color: rgb(3, 3, 3);--instrument-tick-mark-primary-color: rgb(198, 198, 198);--instrument-tick-mark-secondary-color: rgb(130, 130, 130);--instrument-tick-mark-tertiary-color: rgb(102, 102, 102);--instrument-starboard-primary-color: rgb(71, 144, 113);--instrument-starboard-secondary-color: rgb(29, 50, 40);--instrument-port-primary-color: rgb(179, 111, 125);--instrument-port-secondary-color: rgb(61, 39, 43);--alert-alarm-color: rgb(203, 19, 29);--alert-warning-color: rgb(254, 155, 41);--alert-caution-color: rgb(233, 195, 0);--on-alarm-color: rgb(255, 255, 255);--on-warning-color: rgb(0, 0, 0);--on-caution-color: rgb(0, 0, 0);--element-active-inverted-color: rgb(38, 38, 38);--element-neutral-inverted-color: rgb(63, 63, 63);--element-inactive-inverted-color: rgb(112, 112, 112);--element-disabled-inverted-color: rgb(149, 149, 149);--alert-running-color: rgb(18, 119, 15);--normal-enabled-background-color: rgb(36, 36, 36);--data-categorical-01: rgb(90, 132, 191);--data-categorical-02: rgb(164, 122, 69);--data-categorical-03: rgb(51, 143, 141);--data-categorical-04: rgb(129, 124, 183);--normal-enabled-border-color: rgb(0, 0, 0);--normal-hover-background-color: rgb(45, 45, 45);--normal-hover-border-color: rgb(0, 0, 0);--normal-pressed-background-color: rgb(52, 52, 52);--normal-pressed-border-color: rgb(0, 0, 0);--normal-focused-background-color: rgb(36, 36, 36);--normal-focused-border-color: rgb(NaN, NaN, NaN);--normal-disabled-border-color: rgb(58, 58, 58);--normal-disabled-background-color: rgb(255, 255, 255, 0);--raised-enabled-background-color: rgb(102, 102, 102);--raised-enabled-border-color: rgb(15, 15, 15);--raised-hover-background-color: rgb(116, 116, 116);--raised-hover-border-color: rgb(15, 15, 15);--raised-pressed-background-color: rgb(130, 130, 130);--raised-pressed-border-color: rgb(15, 15, 15);--raised-focused-background-color: rgb(102, 102, 102);--raised-focused-border-color: rgb(NaN, NaN, NaN);--raised-disabled-background-color: rgb(0, 0, 0, 0);--raised-disabled-border-color: rgb(58, 58, 58);--on-normal-active-color: rgb(198, 198, 198);--on-normal-neutral-color: rgb(130, 130, 130);--on-normal-disabled-color: rgb(58, 58, 58);--flat-enabled-background-color: rgb(0, 0, 0, 0);--flat-enabled-border-color: rgb(0, 0, 0, 0);--flat-hover-background-color: rgb(255, 255, 255, .05000000074505806);--flat-hover-border-color: rgb(0, 0, 0, 0);--flat-pressed-background-color: rgb(255, 255, 255, .09000000357627869);--flat-pressed-border-color: rgb(0, 0, 0, 0);--flat-focused-background-color: rgb(0, 0, 0, 0);--flat-focused-border-color: rgb(NaN, NaN, NaN);--flat-disabled-background-color: rgb(0, 0, 0, 0);--flat-disabled-border-color: rgb(0, 0, 0, 0);--on-raised-active-color: rgb(255, 255, 255);--on-raised-neutral-color: rgb(255, 255, 255, .7599999904632568);--on-raised-disabled-color: rgb(149, 149, 149);--on-flat-active-color: rgb(198, 198, 198);--on-flat-neutral-color: rgb(165, 165, 165);--on-flat-disabled-color: rgb(58, 58, 58);--selected-enabled-background-color: rgb(67, 103, 154);--selected-enabled-border-color: rgb(67, 103, 154);--selected-hover-background-color: rgb(90, 132, 191);--selected-hover-border-color: rgb(90, 132, 191);--selected-pressed-background-color: rgb(133, 167, 216);--selected-pressed-border-color: rgb(133, 167, 216);--selected-focused-background-color: rgb(67, 103, 154);--selected-focused-border-color: rgb(67, 103, 154);--selected-disabled-background-color: rgb(36, 36, 36);--selected-disabled-border-color: rgb(0, 0, 0, 0);--on-selected-active-color: rgb(255, 255, 255);--on-selected-neutral-color: rgb(255, 255, 255);--on-selected-disabled-color: rgb(255, 255, 255, .15000000596046448);--amplified-enabled-background-color: rgb(35, 46, 61);--amplified-enabled-border-color: rgb(35, 46, 61);--amplified-hover-background-color: rgb(40, 52, 70);--amplified-hover-border-color: rgb(40, 52, 70);--amplified-pressed-background-color: rgb(45, 58, 78);--amplified-pressed-border-color: rgb(45, 58, 78);--amplified-focused-background-color: rgb(35, 46, 61);--amplified-focused-border-color: rgb(NaN, NaN, NaN);--amplified-disabled-background-color: rgb(0, 0, 0, 0);--amplified-disabled-border-color: rgb(45, 45, 45);--on-amplified-active-color: rgb(177, 200, 233);--on-amplified-neutral-color: rgb(133, 167, 216);--on-amplified-disabled-color: rgb(58, 58, 58);--navigation-light-green-color: rgb(37, 63, 52);--navigation-light-red-color: rgb(77, 50, 55);--navigation-light-yellow-color: rgb(60, 59, 34);--alert-limit-primary-color: rgb(255, 255, 255);--alert-limit-secondary-color: rgb(255, 255, 255);--alarm-enabled-background-color: rgb(203, 19, 29);--alarm-enabled-border-color: rgb(0, 0, 0, .8999999761581421);--alarm-hover-background-color: rgb(163, 0, 9);--alarm-hover-border-color: rgb(0, 0, 0, .8999999761581421);--alarm-pressed-background-color: rgb(123, 0, 1);--alarm-pressed-border-color: rgb(0, 0, 0, .8999999761581421);--alarm-focused-background-color: rgb(203, 19, 29);--alarm-focused-border-color: rgb(133, 167, 216);--alarm-disabled-background-color: rgb(203, 19, 29);--alarm-disabled-border-color: rgb(203, 19, 29);--warning-enabled-background-color: rgb(248, 136, 21);--warning-enabled-border-color: rgb(0, 0, 0, .8999999761581421);--warning-hover-background-color: rgb(231, 120, 0);--warning-hover-border-color: rgb(0, 0, 0, .8999999761581421);--warning-pressed-background-color: rgb(203, 103, 0);--warning-pressed-border-color: rgb(0, 0, 0, .8999999761581421);--warning-focused-background-color: rgb(248, 136, 21);--warning-focused-border-color: rgb(133, 167, 216);--warning-disabled-background-color: rgb(248, 136, 21);--warning-disabled-border-color: rgb(248, 136, 21);--caution-enabled-background-color: rgb(233, 195, 0);--caution-enabled-border-color: rgb(0, 0, 0, .8999999761581421);--caution-hover-background-color: rgb(214, 178, 0);--caution-hover-border-color: rgb(0, 0, 0, .8999999761581421);--caution-pressed-background-color: rgb(195, 162, 0);--caution-pressed-border-color: rgb(0, 0, 0, .8999999761581421);--caution-focused-background-color: rgb(233, 195, 0);--caution-focused-border-color: rgb(133, 167, 216);--caution-disabled-background-color: rgb(233, 195, 0);--caution-disabled-border-color: rgb(233, 195, 0);--data-weather-sun-primary-color: rgb(164, 122, 69);--data-weather-sun-secondary-color: rgb(57, 43, 27);--data-weather-cloud-light-primary-color: rgb(130, 130, 130);--data-weather-cloud-light-seconday-color: rgb(130, 130, 130);--data-weather-cloud-rain-primary-color: rgb(58, 58, 58);--data-weather-cloud-rain-secondary-color: rgb(58, 58, 58);--data-weather-cloud-heavy-secondary-color: rgb(45, 45, 45);--data-weather-cloud-heavy-primary-color: rgb(102, 102, 102);--data-weather-snow-primary-color: rgb(51, 143, 141);--data-weather-rain-primary-color: rgb(90, 132, 191);--data-weather-lightning-primary-color: rgb(164, 122, 69);--data-weather-moon-primary-color: rgb(112, 112, 112);--indent-enabled-background-color: rgb(0, 0, 0, .38999998569488525);--indent-enabled-border-color: rgb(0, 0, 0);--indent-hover-background-color: rgb(0, 0, 0, 0);--indent-hover-border-color: rgb(0, 0, 0);--indent-pressed-background-color: rgb(255, 255, 255, .05000000074505806);--indent-pressed-border-color: rgb(0, 0, 0);--indent-focused-background-color: rgb(0, 0, 0, .38999998569488525);--indent-focused-border-color: rgb(NaN, NaN, NaN);--indent-disabled-background-color: rgb(0, 0, 0, 0);--indent-disabled-border-color: rgb(36, 36, 36);--on-indent-active-color: rgb(165, 165, 165);--on-indent-neutral-color: rgb(130, 130, 130);--on-indent-disabled-color: rgb(58, 58, 58);--on-caution-active-color: rgb(0, 0, 0, .8999999761581421);--on-caution-neutral-color: rgb(0, 0, 0, .8999999761581421);--on-caution-disabled-color: rgb(0, 0, 0, .38999998569488525);--on-warning-active-color: rgb(0, 0, 0);--on-warning-neutral-color: rgb(36, 36, 36);--on-warning-disabled-color: rgb(58, 58, 58);--on-alarm-active-color: rgb(255, 255, 255);--on-alarm-neutral-color: rgb(255, 255, 255);--on-alarm-disabled-color: rgb(26, 26, 26);--instrument-enhanced-primary-color: rgb(177, 200, 233);--instrument-enhanced-secondary-dif-color: rgb(90, 132, 191);--instrument-regular-primary-color: rgb(198, 198, 198);--data-weather-cloud-seconday-color: rgb(102, 102, 102);--data-weather-cloud-primary-color: rgb(45, 45, 45);--data-weather-moon-secondary-color: rgb(102, 102, 102);--automation-device-primary-color: rgb(198, 198, 198);--automation-device-secondary-color: rgb(130, 130, 130);--automation-device-tertiary-color: rgb(0, 0, 0);--automation-device-primary-inverted-color: rgb(0, 0, 0);--automation-device-secondary-inverted-color: rgb(130, 130, 130);--automation-device-tertiary-inverted-color: rgb(102, 102, 102);--on-running-color: rgb(255, 255, 255);--flat-activated-background-color: rgb(255, 255, 255, .09000000357627869);--flat-activated-border-color: rgb(0, 0, 0, 0);--normal-activated-background-color: rgb(45, 45, 45);--normal-activated-border-color: rgb(3, 3, 3);--base-blue-050: rgb(27, 36, 48);--base-blue-300: rgb(67, 103, 154);--base-blue-600: rgb(177, 200, 233);--base-blue-100: rgb(35, 46, 61);--base-blue-200: rgb(45, 58, 78);--base-blue-400: rgb(90, 132, 191);--base-blue-500: rgb(133, 167, 216);--automation-medium-acid-alkalis: rgb(56, 41, 55);--automation-medium-fire-fighting: rgb(64, 43, 40);--automation-medium-flammable-gas: rgb(61, 39, 43);--automation-medium-fresh-water: rgb(26, 48, 57);--automation-medium-sea-water: rgb(29, 50, 40);--automation-medium-fuel: rgb(57, 43, 27);--automation-medium-oil: rgb(46, 46, 26);--automation-medium-masses: rgb(49, 45, 40);--automation-medium-non-flammable-gas: rgb(41, 51, 37);--automation-medium-steam: rgb(35, 46, 61);--automation-medium-air-ventilation: rgb(45, 45, 45);--automation-medium-waste: rgb(45, 43, 63);--automation-medium-hot: rgb(64, 43, 40);--automation-medium-cold: rgb(26, 48, 57);--base-cyan-050: rgb(20, 38, 46);--base-cyan-100: rgb(26, 48, 57);--base-cyan-200: rgb(34, 61, 73);--base-cyan-300: rgb(53, 109, 131);--base-cyan-400: rgb(63, 139, 170);--base-cyan-500: rgb(83, 176, 212);--base-cyan-600: rgb(129, 208, 242);--base-red-050: rgb(50, 31, 35);--base-red-100: rgb(61, 39, 43);--base-red-200: rgb(77, 50, 55);--base-red-300: rgb(139, 88, 98);--base-red-400: rgb(179, 111, 125);--base-red-500: rgb(224, 142, 158);--base-red-600: rgb(254, 177, 191);--base-orange-050: rgb(45, 34, 21);--base-orange-100: rgb(57, 43, 27);--base-orange-200: rgb(72, 55, 35);--base-orange-300: rgb(129, 96, 57);--base-orange-400: rgb(164, 122, 69);--base-orange-500: rgb(206, 156, 91);--base-orange-600: rgb(237, 190, 133);--base-teal-050: rgb(18, 40, 39);--base-teal-100: rgb(23, 50, 49);--base-teal-200: rgb(30, 63, 62);--base-teal-300: rgb(45, 112, 110);--base-teal-400: rgb(51, 143, 141);--base-teal-500: rgb(70, 181, 178);--base-teal-600: rgb(119, 213, 209);--border-focus-color: rgb(133, 167, 216);--automation-pipe-primary-color: rgb(198, 198, 198);--automation-pipe-secondary-color: rgb(102, 102, 102);--automation-pipe-tertiary-color: rgb(38, 38, 38);--automation-pipe-primary-inverted-color: rgb(38, 38, 38);--automation-pipe-secondary-inverted-color: rgb(165, 165, 165);--automation-pipe-tertiary-inverted-color: rgb(130, 130, 130);--thumb-enabled-background-color: rgb(36, 36, 36);--thumb-enabled-border-color: rgb(0, 0, 0);--thumb-hover-background-color: rgb(45, 45, 45);--thumb-hover-border-color: rgb(0, 0, 0);--thumb-pressed-background-color: rgb(52, 52, 52);--thumb-pressed-border-color: rgb(0, 0, 0);--thumb-focused-background-color: rgb(36, 36, 36);--thumb-focused-border-color: rgb(255, 255, 255);--thumb-disabled-background-color: rgb(26, 26, 26);--thumb-disabled-border-color: rgb(26, 26, 26);--thumb-activated-background-color: rgb(45, 45, 45);--thumb-activated-border-color: rgb(45, 45, 45);--on-thumb-active-color: rgb(198, 198, 198);--on-thumb-neutral-color: rgb(130, 130, 130);--on-thumb-disabled-color: rgb(58, 58, 58);--running-enabled-background-color: rgb(18, 119, 15);--running-enabled-border-color: rgb(0, 0, 0, .8999999761581421);--running-hover-background-color: rgb(14, 92, 11);--running-hover-border-color: rgb(0, 0, 0, .8999999761581421);--running-pressed-background-color: rgb(20, 67, 17);--running-pressed-border-color: rgb(0, 0, 0, .8999999761581421);--running-focused-background-color: rgb(18, 119, 15);--running-focused-border-color: rgb(133, 167, 216);--running-disabled-background-color: rgb(18, 119, 15);--running-disabled-border-color: rgb(0, 0, 0, .8999999761581421);--on-running-active-color: rgb(255, 255, 255);--on-running-neutral-color: rgb(255, 255, 255);--on-running-disabled-color: rgb(26, 26, 26);--navigation-light-danger-color: rgb(162, 115, 161);--navigation-light-map-caution-color: rgb(164, 122, 69);--alert-warning-text-color: rgb(248, 136, 21);--alert-caution-outline-color: rgb(119, 101, 15);--alert-warning-outline-color: rgb(158, 82, 0);--instrument-regular-secondary-dif-color: rgb(102, 102, 102);--notification-enabled-background-color: rgb(177, 200, 233);--notification-enabled-border-color: rgb(177, 200, 233);--notification-hover-background-color: rgb(133, 167, 216);--notification-hover-border-color: rgb(133, 167, 216);--notification-pressed-background-color: rgb(90, 132, 191);--notification-pressed-border-color: rgb(90, 132, 191);--notification-focused-background-color: rgb(177, 200, 233);--notification-focused-border-color: rgb(NaN, NaN, NaN);--notification-disabled-background-color: rgb(45, 45, 45);--notification-disabled-border-color: rgb(45, 45, 45);--on-notification-active-color: rgb(195, 195, 195);--on-notification-neutral-color: rgb(129, 129, 129);--on-notification-disabled-color: rgb(73, 73, 73);--shadow-flat-x: 0;--shadow-flat-y: 1px;--shadow-flat-blur: 2px;--shadow-flat-spread: 0;--shadow-raised-x: 0;--shadow-raised-y: 2px;--shadow-raised-blur: 4px;--shadow-raised-spread: 0;--shadow-floating-x: 0;--shadow-floating-y: 1px;--shadow-floating-blur: 16px;--shadow-floating-spread: 0;--shadow-overlay-x: 0;--shadow-overlay-y: 8px;--shadow-overlay-blur: 32px;--shadow-overlay-spread: 0;--shadow-flat-color: rgb(0, 0, 0, .4000000059604645);--shadow-raised-color: rgb(0, 0, 0, .5);--shadow-floating-color: rgb(0, 0, 0, .6000000238418579);--shadow-overlay-color: rgb(0, 0, 0, .800000011920929);--typography-color: rgb(255, 255, 255);--base-green-050: rgb(22, 40, 32);--base-green-100: rgb(29, 50, 40);--base-green-200: rgb(37, 63, 52);--base-green-300: rgb(59, 112, 90);--base-green-400: rgb(71, 144, 113);--base-green-500: rgb(94, 181, 144);--base-green-600: rgb(136, 214, 179);--base-yellow-050: rgb(37, 36, 20);--base-yellow-100: rgb(46, 46, 26);--base-yellow-200: rgb(60, 59, 34);--base-yellow-300: rgb(106, 104, 56);--base-yellow-400: rgb(136, 133, 68);--base-yellow-500: rgb(171, 169, 89);--base-yellow-600: rgb(203, 202, 130);--base-purple-050: rgb(44, 31, 43);--base-purple-100: rgb(56, 41, 55);--base-purple-200: rgb(71, 51, 70);--base-purple-300: rgb(127, 90, 125);--base-purple-400: rgb(162, 115, 161);--base-purple-500: rgb(204, 146, 203);--base-purple-600: rgb(234, 181, 233);--base-indigo-050: rgb(36, 34, 51);--base-indigo-100: rgb(45, 43, 63);--base-indigo-200: rgb(57, 55, 80);--base-indigo-300: rgb(101, 97, 142);--base-indigo-400: rgb(129, 124, 183);--base-indigo-500: rgb(163, 157, 227);--base-indigo-600: rgb(196, 192, 255)}:root[data-obc-theme=night]{--icon-02-chevron-up: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 14.0002L7.41 15.4102L12 10.8302L16.59 15.4102L18 14.0002L12 8.00016L6 14.0002Z" fill="rgb(51, 51, 0)"/></svg>');--icon-02-chevron-down: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 9.41L16.59 8L12 12.58L7.41 8L6 9.41L12 15.41L18 9.41Z" fill="rgb(51, 51, 0)"/></svg>');--element-active-color: rgb(71, 71, 0);--element-neutral-color: rgb(71, 71, 0, .6499999761581421);--element-inactive-color: rgb(71, 71, 0, .44999998807907104);--element-disabled-color: rgb(71, 71, 0, .25);--container-global-color: rgb(10, 10, 0);--container-background-color: rgb(0, 0, 0);--container-section-color: rgb(0, 0, 0);--container-backdrop-color: rgb(5, 5, 0);--border-outline-color: rgb(71, 71, 0, .20000000298023224);--border-divider-color: rgb(71, 71, 0, .20000000298023224);--border-silhouette-color: rgb(0, 0, 0);--instrument-enhanced-secondary-color: rgb(0, 51, 21);--instrument-enhanced-tertiary-color: rgb(0, 51, 17, .20000000298023224);--instrument-regular-secondary-color: rgb(51, 51, 0);--instrument-regular-tertiary-color: rgb(51, 51, 0, .15000000596046448);--instrument-frame-primary-color: rgb(10, 10, 0);--instrument-frame-secondary-color: rgb(0, 0, 0);--instrument-frame-tertiary-color: rgb(33, 36, 0);--instrument-tick-mark-primary-color: rgb(71, 71, 0);--instrument-tick-mark-secondary-color: rgb(51, 51, 0);--instrument-tick-mark-tertiary-color: rgb(36, 36, 0);--instrument-starboard-primary-color: rgb(12, 39, 33);--instrument-starboard-secondary-color: rgb(8, 19, 14);--instrument-port-primary-color: rgb(43, 18, 27);--instrument-port-secondary-color: rgb(24, 13, 15);--alert-alarm-color: rgb(77, 0, 5);--alert-warning-color: rgb(92, 44, 0);--alert-caution-color: rgb(92, 69, 0);--on-alarm-color: rgb(0, 0, 0);--on-warning-color: rgb(0, 0, 0);--on-caution-color: rgb(0, 0, 0);--element-active-inverted-color: rgb(0, 0, 0);--element-neutral-inverted-color: rgb(0, 0, 0, .6000000238418579);--element-inactive-inverted-color: rgb(0, 0, 0, .4000000059604645);--element-disabled-inverted-color: rgb(0, 0, 0, .20000000298023224);--alert-running-color: rgb(23, 56, 0);--normal-enabled-background-color: rgb(0, 0, 0);--data-categorical-01: rgb(68, 90, 123);--data-categorical-02: rgb(112, 84, 51);--data-categorical-03: rgb(42, 98, 96);--data-categorical-04: rgb(88, 85, 123);--normal-enabled-border-color: rgb(26, 26, 0);--normal-hover-background-color: rgb(0, 0, 0);--normal-hover-border-color: rgb(36, 36, 0);--normal-pressed-background-color: rgb(0, 0, 0);--normal-pressed-border-color: rgb(15, 15, 0);--normal-focused-background-color: rgb(0, 0, 0);--normal-focused-border-color: rgb(0, 51, 21, .5);--normal-disabled-border-color: rgb(10, 10, 0);--normal-disabled-background-color: rgb(255, 255, 255, 0);--raised-enabled-background-color: rgb(15, 15, 0);--raised-enabled-border-color: rgb(26, 26, 0);--raised-hover-background-color: rgb(15, 15, 0);--raised-hover-border-color: rgb(36, 36, 0);--raised-pressed-background-color: rgb(0, 0, 0);--raised-pressed-border-color: rgb(15, 15, 0);--raised-focused-background-color: rgb(15, 15, 0);--raised-focused-border-color: rgb(0, 51, 21, .5);--raised-disabled-background-color: rgb(0, 0, 0, 0);--raised-disabled-border-color: rgb(10, 10, 0);--on-normal-active-color: rgb(71, 71, 0);--on-normal-neutral-color: rgb(71, 71, 0, .6499999761581421);--on-normal-disabled-color: rgb(71, 71, 0, .3499999940395355);--flat-enabled-background-color: rgb(255, 255, 255, 0);--flat-enabled-border-color: rgb(0, 0, 0, 0);--flat-hover-background-color: rgb(0, 0, 0, 0);--flat-hover-border-color: rgb(26, 26, 0);--flat-pressed-background-color: rgb(0, 0, 0, 0);--flat-pressed-border-color: rgb(26, 26, 0);--flat-focused-background-color: rgb(0, 0, 0, 0);--flat-focused-border-color: rgb(0, 51, 21, .5);--flat-disabled-background-color: rgb(0, 0, 0, 0);--flat-disabled-border-color: rgb(0, 0, 0, 0);--on-raised-active-color: rgb(71, 71, 0);--on-raised-neutral-color: rgb(51, 51, 0);--on-raised-disabled-color: rgb(71, 71, 0, .3499999940395355);--on-flat-active-color: rgb(71, 71, 0);--on-flat-neutral-color: rgb(51, 51, 0);--on-flat-disabled-color: rgb(97, 107, 46, .20000000298023224);--selected-enabled-background-color: rgb(0, 10, 4);--selected-enabled-border-color: rgb(0, 51, 21);--selected-hover-background-color: rgb(0, 10, 4);--selected-hover-border-color: rgb(0, 61, 26);--selected-pressed-background-color: rgb(0, 10, 4);--selected-pressed-border-color: rgb(0, 41, 17);--selected-focused-background-color: rgb(0, 10, 4);--selected-focused-border-color: rgb(0, 51, 21, .5);--selected-disabled-background-color: rgb(0, 10, 4);--selected-disabled-border-color: rgb(0, 0, 0, 0);--on-selected-active-color: rgb(0, 51, 21);--on-selected-neutral-color: rgb(0, 36, 15);--on-selected-disabled-color: rgb(0, 26, 11);--amplified-enabled-background-color: rgb(0, 71, 30, .15000000596046448);--amplified-enabled-border-color: rgb(0, 0, 0, 0);--amplified-hover-background-color: rgb(0, 71, 30, .20000000298023224);--amplified-hover-border-color: rgb(0, 0, 0, 0);--amplified-pressed-background-color: rgb(0, 71, 30, .07999999821186066);--amplified-pressed-border-color: rgb(0, 0, 0, 0);--amplified-focused-background-color: rgb(0, 71, 30, .15000000596046448);--amplified-focused-border-color: rgb(0, 71, 30, .5);--amplified-disabled-background-color: rgb(0, 71, 30, .10000000149011612);--amplified-disabled-border-color: rgb(0, 0, 0, 0);--on-amplified-active-color: rgb(0, 51, 21);--on-amplified-neutral-color: rgb(0, 36, 15);--on-amplified-disabled-color: rgb(0, 26, 11);--navigation-light-green-color: rgb(17, 32, 26);--navigation-light-red-color: rgb(42, 26, 29);--navigation-light-yellow-color: rgb(31, 30, 16);--alert-limit-primary-color: rgb(255, 255, 255, .05000000074505806);--alert-limit-secondary-color: rgb(255, 255, 255, .05000000074505806);--alarm-enabled-background-color: rgb(76, 0, 5);--alarm-enabled-border-color: rgb(0, 0, 0);--alarm-hover-background-color: rgb(66, 0, 4);--alarm-hover-border-color: rgb(0, 0, 0);--alarm-pressed-background-color: rgb(56, 0, 4);--alarm-pressed-border-color: rgb(0, 0, 0);--alarm-focused-background-color: rgb(76, 0, 5);--alarm-focused-border-color: rgb(0, 51, 21, .5);--alarm-disabled-background-color: rgb(76, 0, 5);--alarm-disabled-border-color: rgb(0, 0, 0, 0);--warning-enabled-background-color: rgb(92, 44, 0);--warning-enabled-border-color: rgb(0, 0, 0, .10000000149011612);--warning-hover-background-color: rgb(82, 39, 0);--warning-hover-border-color: rgb(0, 0, 0, .10000000149011612);--warning-pressed-background-color: rgb(71, 34, 0);--warning-pressed-border-color: rgb(0, 0, 0, .20000000298023224);--warning-focused-background-color: rgb(92, 44, 0);--warning-focused-border-color: rgb(0, 51, 21, .5);--warning-disabled-background-color: rgb(92, 44, 0);--warning-disabled-border-color: rgb(0, 0, 0, 0);--caution-enabled-background-color: rgb(92, 69, 0);--caution-enabled-border-color: rgb(0, 0, 0);--caution-hover-background-color: rgb(82, 61, 0);--caution-hover-border-color: rgb(0, 0, 0);--caution-pressed-background-color: rgb(71, 54, 0);--caution-pressed-border-color: rgb(0, 0, 0);--caution-focused-background-color: rgb(92, 69, 0);--caution-focused-border-color: rgb(0, 51, 21, .5);--caution-disabled-background-color: rgb(92, 69, 0);--caution-disabled-border-color: rgb(0, 0, 0, 0);--data-weather-sun-primary-color: rgb(112, 84, 51);--data-weather-sun-secondary-color: rgb(22, 15, 7);--data-weather-cloud-light-primary-color: rgb(112, 84, 51);--data-weather-cloud-light-seconday-color: rgb(112, 84, 51);--data-weather-cloud-rain-primary-color: rgb(55, 42, 26);--data-weather-cloud-rain-secondary-color: rgb(55, 42, 26);--data-weather-cloud-heavy-secondary-color: rgb(22, 15, 7);--data-weather-cloud-heavy-primary-color: rgb(55, 42, 26);--data-weather-snow-primary-color: rgb(42, 98, 96);--data-weather-rain-primary-color: rgb(68, 90, 123);--data-weather-lightning-primary-color: rgb(112, 84, 51);--data-weather-moon-primary-color: rgb(147, 109, 63);--indent-enabled-background-color: rgb(0, 0, 0);--indent-enabled-border-color: rgb(71, 71, 0, .30000001192092896);--indent-hover-background-color: rgb(0, 0, 0, 0);--indent-hover-border-color: rgb(25, 26, 0);--indent-pressed-background-color: rgb(0, 0, 0, 0);--indent-pressed-border-color: rgb(10, 10, 0);--indent-focused-background-color: rgb(0, 0, 0, 0);--indent-focused-border-color: rgb(0, 51, 21, .5);--indent-disabled-background-color: rgb(0, 0, 0, 0);--indent-disabled-border-color: rgb(0, 0, 0, .10000000149011612);--on-indent-active-color: rgb(71, 71, 0);--on-indent-neutral-color: rgb(51, 51, 0);--on-indent-disabled-color: rgb(18, 18, 0);--on-caution-active-color: rgb(0, 0, 0, .8999999761581421);--on-caution-neutral-color: rgb(0, 0, 0, .6000000238418579);--on-caution-disabled-color: rgb(0, 0, 0, .30000001192092896);--on-warning-active-color: rgb(0, 0, 0, .8999999761581421);--on-warning-neutral-color: rgb(0, 0, 0, .6000000238418579);--on-warning-disabled-color: rgb(0, 0, 0, .30000001192092896);--on-alarm-active-color: rgb(0, 0, 0);--on-alarm-neutral-color: rgb(0, 0, 0, .6499999761581421);--on-alarm-disabled-color: rgb(0, 0, 0, .30000001192092896);--instrument-enhanced-primary-color: rgb(0, 77, 32);--instrument-enhanced-secondary-dif-color: rgb(0, 51, 21);--instrument-regular-primary-color: rgb(71, 71, 0);--data-weather-cloud-seconday-color: rgb(0, 0, 0);--data-weather-cloud-primary-color: rgb(112, 84, 51);--data-weather-moon-secondary-color: rgb(112, 84, 51);--automation-device-primary-color: rgb(71, 71, 0);--automation-device-secondary-color: rgb(26, 26, 0);--automation-device-tertiary-color: rgb(0, 0, 0);--automation-device-primary-inverted-color: rgb(0, 0, 0);--automation-device-secondary-inverted-color: rgb(10, 10, 0);--automation-device-tertiary-inverted-color: rgb(51, 51, 0);--on-running-color: rgb(0, 0, 0);--flat-activated-background-color: rgb(15, 15, 0);--flat-activated-border-color: rgb(0, 0, 0, 0);--normal-activated-background-color: rgb(71, 71, 0, .11999999731779099);--normal-activated-border-color: rgb(0, 0, 0);--base-blue-050: rgb(12, 17, 25);--base-blue-300: rgb(68, 90, 123);--base-blue-600: rgb(138, 182, 244);--base-blue-100: rgb(22, 30, 42);--base-blue-200: rgb(34, 45, 60);--base-blue-400: rgb(86, 118, 162);--base-blue-500: rgb(111, 151, 208);--automation-medium-acid-alkalis: rgb(21, 18, 23);--automation-medium-fire-fighting: rgb(25, 16, 18);--automation-medium-flammable-gas: rgb(25, 26, 15);--automation-medium-fresh-water: rgb(16, 23, 25);--automation-medium-sea-water: rgb(17, 24, 23);--automation-medium-fuel: rgb(27, 20, 13);--automation-medium-oil: rgb(30, 26, 11);--automation-medium-masses: rgb(23, 20, 17);--automation-medium-non-flammable-gas: rgb(31, 34, 27);--automation-medium-steam: rgb(19, 20, 21);--automation-medium-air-ventilation: rgb(20, 20, 20);--automation-medium-waste: rgb(20, 20, 20);--automation-medium-hot: rgb(24, 13, 15);--automation-medium-cold: rgb(7, 18, 23);--base-cyan-050: rgb(7, 18, 23);--base-cyan-100: rgb(16, 32, 38);--base-cyan-200: rgb(25, 47, 56);--base-cyan-300: rgb(49, 95, 114);--base-cyan-400: rgb(58, 124, 151);--base-cyan-500: rgb(72, 159, 194);--base-cyan-600: rgb(99, 191, 228);--base-red-050: rgb(24, 13, 15);--base-red-100: rgb(42, 26, 29);--base-red-200: rgb(59, 38, 42);--base-red-300: rgb(121, 77, 85);--base-red-400: rgb(160, 99, 111);--base-red-500: rgb(204, 127, 142);--base-red-600: rgb(240, 156, 172);--base-orange-050: rgb(22, 15, 7);--base-orange-100: rgb(39, 28, 17);--base-orange-200: rgb(55, 42, 26);--base-orange-300: rgb(112, 84, 51);--base-orange-400: rgb(147, 109, 63);--base-orange-500: rgb(188, 140, 80);--base-orange-600: rgb(221, 170, 105);--base-teal-050: rgb(6, 19, 19);--base-teal-100: rgb(14, 33, 32);--base-teal-200: rgb(22, 48, 47);--base-teal-300: rgb(42, 98, 96);--base-teal-400: rgb(48, 128, 126);--base-teal-500: rgb(58, 164, 161);--base-teal-600: rgb(87, 196, 192);--border-focus-color: rgb(71, 71, 0);--automation-pipe-primary-color: rgb(31, 31, 0);--automation-pipe-secondary-color: rgb(15, 15, 0);--automation-pipe-tertiary-color: rgb(0, 0, 0);--automation-pipe-primary-inverted-color: rgb(15, 15, 0);--automation-pipe-secondary-inverted-color: rgb(15, 15, 0);--automation-pipe-tertiary-inverted-color: rgb(32, 32, 0);--thumb-enabled-background-color: rgb(0, 0, 0);--thumb-enabled-border-color: rgb(26, 26, 0);--thumb-hover-background-color: rgb(0, 0, 0);--thumb-hover-border-color: rgb(36, 36, 0);--thumb-pressed-background-color: rgb(7, 7, 7);--thumb-pressed-border-color: rgb(15, 15, 0);--thumb-focused-background-color: rgb(0, 0, 0);--thumb-focused-border-color: rgb(0, 71, 30, .5);--thumb-disabled-background-color: rgb(0, 10, 4);--thumb-disabled-border-color: rgb(0, 0, 0, 0);--thumb-activated-background-color: rgb(255, 255, 255);--thumb-activated-border-color: rgb(255, 255, 255);--on-thumb-active-color: rgb(71, 71, 0);--on-thumb-neutral-color: rgb(51, 51, 0);--on-thumb-disabled-color: rgb(18, 18, 0);--running-enabled-background-color: rgb(23, 56, 0);--running-enabled-border-color: rgb(0, 0, 0, .10000000149011612);--running-hover-background-color: rgb(19, 46, 0);--running-hover-border-color: rgb(0, 0, 0, .10000000149011612);--running-pressed-background-color: rgb(15, 36, 0);--running-pressed-border-color: rgb(0, 0, 0, .20000000298023224);--running-focused-background-color: rgb(23, 56, 0);--running-focused-border-color: rgb(0, 51, 21, .5);--running-disabled-background-color: rgb(23, 56, 0);--running-disabled-border-color: rgb(0, 0, 0, 0);--on-running-active-color: rgb(0, 0, 0);--on-running-neutral-color: rgb(0, 0, 0, .6000000238418579);--on-running-disabled-color: rgb(0, 0, 0, .20000000298023224);--navigation-light-danger-color: rgb(37, 26, 37);--navigation-light-map-caution-color: rgb(39, 28, 17);--alert-warning-text-color: rgb(181, 92, 0);--alert-caution-outline-color: rgb(92, 69, 0);--alert-warning-outline-color: rgb(136, 73, 15);--instrument-regular-secondary-dif-color: rgb(51, 51, 0);--notification-enabled-background-color: rgb(0, 76, 32);--notification-enabled-border-color: rgb(0, 0, 0, .5);--notification-hover-background-color: rgb(0, 66, 28);--notification-hover-border-color: rgb(0, 0, 0, .10000000149011612);--notification-pressed-background-color: rgb(0, 56, 23);--notification-pressed-border-color: rgb(0, 0, 0, .20000000298023224);--notification-focused-background-color: rgb(0, 77, 32);--notification-focused-border-color: rgb(0, 51, 21, .5);--notification-disabled-background-color: rgb(0, 76, 32);--notification-disabled-border-color: rgb(0, 0, 0, 0);--on-notification-active-color: rgb(0, 0, 0);--on-notification-neutral-color: rgb(0, 0, 0, .6000000238418579);--on-notification-disabled-color: rgb(0, 0, 0, .20000000298023224);--shadow-flat-x: 0;--shadow-flat-y: 0;--shadow-flat-blur: 0;--shadow-flat-spread: 1px;--shadow-raised-x: 0;--shadow-raised-y: 0;--shadow-raised-blur: 0;--shadow-raised-spread: 1px;--shadow-floating-x: 0;--shadow-floating-y: 0;--shadow-floating-blur: 0;--shadow-floating-spread: 1px;--shadow-overlay-x: 0;--shadow-overlay-y: 0;--shadow-overlay-blur: 0;--shadow-overlay-spread: 1px;--shadow-flat-color: rgb(71, 71, 0, .20000000298023224);--shadow-raised-color: rgb(71, 71, 0, .20000000298023224);--shadow-floating-color: rgb(71, 71, 0, .20000000298023224);--shadow-overlay-color: rgb(71, 71, 0, .20000000298023224);--typography-color: rgb(255, 255, 255);--base-green-050: rgb(8, 19, 14);--base-green-100: rgb(17, 32, 26);--base-green-200: rgb(28, 48, 39);--base-green-300: rgb(54, 98, 78);--base-green-400: rgb(65, 128, 101);--base-green-500: rgb(82, 164, 130);--base-green-600: rgb(109, 196, 159);--base-yellow-050: rgb(17, 17, 7);--base-yellow-100: rgb(31, 30, 16);--base-yellow-200: rgb(69, 68, 40);--base-yellow-300: rgb(93, 91, 50);--base-yellow-400: rgb(121, 118, 61);--base-yellow-500: rgb(155, 152, 78);--base-yellow-600: rgb(185, 183, 103);--base-purple-050: rgb(22, 14, 21);--base-purple-100: rgb(37, 26, 37);--base-purple-200: rgb(55, 39, 54);--base-purple-300: rgb(110, 79, 109);--base-purple-400: rgb(145, 102, 143);--base-purple-500: rgb(185, 131, 184);--base-purple-600: rgb(218, 160, 217);--base-indigo-050: rgb(17, 16, 26);--base-indigo-100: rgb(29, 28, 42);--base-indigo-200: rgb(44, 42, 62);--base-indigo-300: rgb(88, 85, 123);--base-indigo-400: rgb(115, 110, 162);--base-indigo-500: rgb(147, 142, 207);--base-indigo-600: rgb(177, 172, 243)}:root[data-obc-theme=bright]{--icon-02-chevron-up: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 14.0002L7.41 15.4102L12 10.8302L16.59 15.4102L18 14.0002L12 8.00016L6 14.0002Z" fill="rgba(0, 0, 0, .650)"/></svg>');--icon-02-chevron-down: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="    M18 9.41L16.59 8L12 12.58L7.41 8L6 9.41L12 15.41L18 9.41Z" fill="rgba(0, 0, 0, .650)"/></svg>');--element-active-color: rgb(26, 26, 26);--element-neutral-color: rgb(61, 61, 61);--element-inactive-color: rgb(83, 83, 83);--element-disabled-color: rgb(202, 202, 202);--container-global-color: rgb(255, 255, 255);--container-background-color: rgb(255, 255, 255);--container-section-color: rgb(255, 255, 255);--container-backdrop-color: rgb(255, 255, 255);--border-outline-color: rgb(142, 142, 142);--border-divider-color: rgb(142, 142, 142);--border-silhouette-color: rgb(255, 255, 255);--instrument-enhanced-secondary-color: rgb(51, 84, 131);--instrument-enhanced-tertiary-color: rgb(204, 222, 246);--instrument-regular-secondary-color: rgb(83, 83, 83);--instrument-regular-tertiary-color: rgb(221, 221, 221);--instrument-frame-primary-color: rgb(255, 255, 255);--instrument-frame-secondary-color: rgb(240, 240, 240);--instrument-frame-tertiary-color: rgb(142, 142, 142);--instrument-tick-mark-primary-color: rgb(26, 26, 26);--instrument-tick-mark-secondary-color: rgb(83, 83, 83);--instrument-tick-mark-tertiary-color: rgb(142, 142, 142);--instrument-starboard-primary-color: rgb(0, 128, 95);--instrument-starboard-secondary-color: rgb(196, 228, 212);--instrument-port-primary-color: rgb(165, 90, 106);--instrument-port-secondary-color: rgb(246, 213, 218);--alert-alarm-color: rgb(235, 0, 20);--alert-warning-color: rgb(254, 148, 19);--alert-caution-color: rgb(228, 186, 2);--on-alarm-color: rgb(255, 255, 255);--on-warning-color: rgb(26, 26, 26);--on-caution-color: rgb(26, 26, 26);--element-active-inverted-color: rgb(255, 255, 255);--element-neutral-inverted-color: rgb(211, 211, 211);--element-inactive-inverted-color: rgb(170, 170, 170);--element-disabled-inverted-color: rgb(109, 109, 109);--alert-running-color: rgb(6, 131, 6);--normal-enabled-background-color: rgb(255, 255, 255);--data-categorical-01: rgb(51, 84, 131);--data-categorical-02: rgb(113, 75, 18);--data-categorical-03: rgb(0, 93, 91);--data-categorical-04: rgb(82, 75, 137);--normal-enabled-border-color: rgb(142, 142, 142);--normal-hover-background-color: rgb(233, 233, 233);--normal-hover-border-color: rgb(142, 142, 142);--normal-pressed-background-color: rgb(221, 221, 221);--normal-pressed-border-color: rgb(142, 142, 142);--normal-focused-background-color: rgb(255, 255, 255);--normal-focused-border-color: rgb(NaN, NaN, NaN);--normal-disabled-border-color: rgb(221, 221, 221);--normal-disabled-background-color: rgb(255, 255, 255, 0);--raised-enabled-background-color: rgb(61, 61, 61);--raised-enabled-border-color: rgb(61, 61, 61);--raised-hover-background-color: rgb(83, 83, 83);--raised-hover-border-color: rgb(83, 83, 83);--raised-pressed-background-color: rgb(112, 112, 112);--raised-pressed-border-color: rgb(61, 61, 61);--raised-focused-background-color: rgb(83, 83, 83);--raised-focused-border-color: rgb(NaN, NaN, NaN);--raised-disabled-background-color: rgb(255, 255, 255, 0);--raised-disabled-border-color: rgb(221, 221, 221);--on-normal-active-color: rgb(26, 26, 26);--on-normal-neutral-color: rgb(61, 61, 61);--on-normal-disabled-color: rgb(142, 142, 142);--flat-enabled-background-color: rgb(0, 0, 0, 0);--flat-enabled-border-color: rgb(0, 0, 0, 0);--flat-hover-background-color: rgb(233, 233, 233);--flat-hover-border-color: rgb(0, 0, 0, 0);--flat-pressed-background-color: rgb(221, 221, 221);--flat-pressed-border-color: rgb(0, 0, 0, 0);--flat-focused-background-color: rgb(0, 0, 0, 0);--flat-focused-border-color: rgb(NaN, NaN, NaN);--flat-disabled-background-color: rgb(255, 255, 255, 0);--flat-disabled-border-color: rgb(0, 0, 0, 0);--on-raised-active-color: rgb(255, 255, 255);--on-raised-neutral-color: rgb(211, 211, 211);--on-raised-disabled-color: rgb(202, 202, 202);--on-flat-active-color: rgb(26, 26, 26);--on-flat-neutral-color: rgb(61, 61, 61);--on-flat-disabled-color: rgb(142, 142, 142);--selected-enabled-background-color: rgb(34, 60, 97);--selected-enabled-border-color: rgb(34, 60, 97);--selected-hover-background-color: rgb(51, 84, 131);--selected-hover-border-color: rgb(51, 84, 131);--selected-pressed-background-color: rgb(74, 114, 170);--selected-pressed-border-color: rgb(34, 60, 97);--selected-focused-background-color: rgb(51, 84, 131);--selected-focused-border-color: rgb(NaN, NaN, NaN);--selected-disabled-background-color: rgb(221, 221, 221);--selected-disabled-border-color: rgb(221, 221, 221);--on-selected-active-color: rgb(255, 255, 255);--on-selected-neutral-color: rgb(204, 222, 246);--on-selected-disabled-color: rgb(255, 255, 255);--amplified-enabled-background-color: rgb(204, 222, 246);--amplified-enabled-border-color: rgb(204, 222, 246);--amplified-hover-background-color: rgb(178, 204, 241);--amplified-hover-border-color: rgb(178, 204, 241);--amplified-pressed-background-color: rgb(136, 173, 225);--amplified-pressed-border-color: rgb(102, 144, 203);--amplified-focused-background-color: rgb(204, 222, 246);--amplified-focused-border-color: rgb(NaN, NaN, NaN);--amplified-disabled-background-color: rgb(255, 255, 255, 0);--amplified-disabled-border-color: rgb(221, 221, 221);--on-amplified-active-color: rgb(34, 60, 97);--on-amplified-neutral-color: rgb(51, 84, 131);--on-amplified-disabled-color: rgb(142, 142, 142);--navigation-light-green-color: rgb(196, 228, 212);--navigation-light-red-color: rgb(246, 213, 218);--navigation-light-yellow-color: rgb(248, 242, 167);--alert-limit-primary-color: rgb(221, 221, 221);--alert-limit-secondary-color: rgb(233, 233, 233);--alarm-enabled-background-color: rgb(227, 0, 25);--alarm-enabled-border-color: rgb(127, 0, 0);--alarm-hover-background-color: rgb(171, 0, 0);--alarm-hover-border-color: rgb(127, 0, 0);--alarm-pressed-background-color: rgb(127, 0, 0);--alarm-pressed-border-color: rgb(127, 0, 0);--alarm-focused-background-color: rgb(171, 0, 0);--alarm-focused-border-color: rgb(102, 144, 203);--alarm-disabled-background-color: rgb(227, 0, 25);--alarm-disabled-border-color: rgb(227, 0, 25);--warning-enabled-background-color: rgb(255, 142, 34);--warning-enabled-border-color: rgb(179, 87, 0);--warning-hover-background-color: rgb(220, 113, 0);--warning-hover-border-color: rgb(179, 87, 0);--warning-pressed-background-color: rgb(179, 87, 0);--warning-pressed-border-color: rgb(136, 62, 0);--warning-focused-background-color: rgb(220, 113, 0);--warning-focused-border-color: rgb(102, 144, 203);--warning-disabled-background-color: rgb(220, 113, 0);--warning-disabled-border-color: rgb(220, 113, 0);--caution-enabled-background-color: rgb(255, 219, 55);--caution-enabled-border-color: rgb(169, 139, 0);--caution-hover-background-color: rgb(237, 199, 16);--caution-hover-border-color: rgb(169, 139, 0);--caution-pressed-background-color: rgb(169, 139, 0);--caution-pressed-border-color: rgb(100, 82, 0);--caution-focused-background-color: rgb(237, 199, 16);--caution-focused-border-color: rgb(102, 144, 203);--caution-disabled-background-color: rgb(237, 199, 16);--caution-disabled-border-color: rgb(237, 199, 16);--data-weather-sun-primary-color: rgb(149, 103, 38);--data-weather-sun-secondary-color: rgb(237, 217, 194);--data-weather-cloud-light-primary-color: rgb(142, 142, 142);--data-weather-cloud-light-seconday-color: rgb(233, 233, 233);--data-weather-cloud-rain-primary-color: rgb(112, 112, 112);--data-weather-cloud-rain-secondary-color: rgb(202, 202, 202);--data-weather-cloud-heavy-secondary-color: rgb(112, 112, 112);--data-weather-cloud-heavy-primary-color: rgb(112, 112, 112);--data-weather-snow-primary-color: rgb(0, 126, 124);--data-weather-rain-primary-color: rgb(74, 114, 170);--data-weather-lightning-primary-color: rgb(149, 103, 38);--data-weather-moon-primary-color: rgb(112, 112, 112);--indent-enabled-background-color: rgb(240, 240, 240);--indent-enabled-border-color: rgb(202, 202, 202);--indent-hover-background-color: rgb(221, 221, 221);--indent-hover-border-color: rgb(202, 202, 202);--indent-pressed-background-color: rgb(202, 202, 202);--indent-pressed-border-color: rgb(142, 142, 142);--indent-focused-background-color: rgb(240, 240, 240);--indent-focused-border-color: rgb(NaN, NaN, NaN);--indent-disabled-background-color: rgb(255, 255, 255, 0);--indent-disabled-border-color: rgb(233, 233, 233);--on-indent-active-color: rgb(26, 26, 26);--on-indent-neutral-color: rgb(83, 83, 83);--on-indent-disabled-color: rgb(142, 142, 142);--on-caution-active-color: rgb(26, 26, 26);--on-caution-neutral-color: rgb(73, 58, 0);--on-caution-disabled-color: rgb(169, 139, 0);--on-warning-active-color: rgb(26, 26, 26);--on-warning-neutral-color: rgb(0, 0, 0, .75);--on-warning-disabled-color: rgb(136, 62, 0);--on-alarm-active-color: rgb(255, 255, 255);--on-alarm-neutral-color: rgb(255, 255, 255);--on-alarm-disabled-color: rgb(255, 184, 174);--instrument-enhanced-primary-color: rgb(34, 60, 97);--instrument-enhanced-secondary-dif-color: rgb(102, 144, 203);--instrument-regular-primary-color: rgb(61, 61, 61);--data-weather-cloud-seconday-color: rgb(255, 255, 255);--data-weather-cloud-primary-color: rgb(142, 142, 142);--data-weather-moon-secondary-color: rgb(142, 142, 142);--automation-device-primary-color: rgb(255, 255, 255);--automation-device-secondary-color: rgb(112, 112, 112);--automation-device-tertiary-color: rgb(61, 61, 61);--automation-device-primary-inverted-color: rgb(26, 26, 26);--automation-device-secondary-inverted-color: rgb(83, 83, 83);--automation-device-tertiary-inverted-color: rgb(142, 142, 142);--on-running-color: rgb(255, 255, 255);--flat-activated-background-color: rgb(221, 221, 221);--flat-activated-border-color: rgb(0, 0, 0, 0);--normal-activated-background-color: rgb(221, 221, 221);--normal-activated-border-color: rgb(202, 202, 202);--base-blue-050: rgb(225, 235, 249);--base-blue-300: rgb(102, 144, 203);--base-blue-600: rgb(34, 60, 97);--base-blue-100: rgb(204, 222, 246);--base-blue-200: rgb(178, 204, 241);--base-blue-400: rgb(74, 114, 170);--base-blue-500: rgb(51, 84, 131);--automation-medium-acid-alkalis: rgb(225, 192, 223);--automation-medium-fire-fighting: rgb(230, 157, 148);--automation-medium-flammable-gas: rgb(239, 189, 198);--automation-medium-fresh-water: rgb(161, 209, 232);--automation-medium-sea-water: rgb(164, 213, 189);--automation-medium-fuel: rgb(227, 198, 162);--automation-medium-oil: rgb(205, 205, 160);--automation-medium-masses: rgb(210, 200, 188);--automation-medium-non-flammable-gas: rgb(144, 187, 127);--automation-medium-steam: rgb(178, 204, 241);--automation-medium-air-ventilation: rgb(202, 202, 202);--automation-medium-waste: rgb(199, 197, 244);--automation-medium-hot: rgb(230, 157, 148);--automation-medium-cold: rgb(161, 209, 232);--base-cyan-050: rgb(219, 237, 246);--base-cyan-100: rgb(173, 219, 240);--base-cyan-200: rgb(161, 209, 232);--base-cyan-300: rgb(60, 152, 188);--base-cyan-400: rgb(23, 121, 155);--base-cyan-500: rgb(0, 90, 119);--base-cyan-600: rgb(0, 65, 87);--base-red-050: rgb(249, 230, 233);--base-red-100: rgb(246, 213, 218);--base-red-200: rgb(239, 189, 198);--base-red-300: rgb(198, 119, 135);--base-red-400: rgb(165, 90, 106);--base-red-500: rgb(126, 64, 78);--base-red-600: rgb(94, 45, 55);--base-orange-050: rgb(244, 233, 220);--base-orange-100: rgb(237, 217, 194);--base-orange-200: rgb(227, 198, 162);--base-orange-300: rgb(181, 133, 69);--base-orange-400: rgb(149, 103, 38);--base-orange-500: rgb(113, 75, 18);--base-orange-600: rgb(84, 54, 6);--base-teal-050: rgb(215, 238, 236);--base-teal-100: rgb(173, 220, 221);--base-teal-200: rgb(156, 213, 210);--base-teal-300: rgb(41, 157, 154);--base-teal-400: rgb(0, 126, 124);--base-teal-500: rgb(0, 93, 91);--base-teal-600: rgb(0, 68, 67);--border-focus-color: rgb(34, 60, 97);--automation-pipe-primary-color: rgb(255, 255, 255);--automation-pipe-secondary-color: rgb(142, 142, 142);--automation-pipe-tertiary-color: rgb(83, 83, 83);--automation-pipe-primary-inverted-color: rgb(142, 142, 142);--automation-pipe-secondary-inverted-color: rgb(83, 83, 83);--automation-pipe-tertiary-inverted-color: rgb(202, 202, 202);--thumb-enabled-background-color: rgb(255, 255, 255);--thumb-enabled-border-color: rgb(202, 202, 202);--thumb-hover-background-color: rgb(233, 233, 233);--thumb-hover-border-color: rgb(202, 202, 202);--thumb-pressed-background-color: rgb(221, 221, 221);--thumb-pressed-border-color: rgb(202, 202, 202);--thumb-focused-background-color: rgb(255, 255, 255);--thumb-focused-border-color: rgb(NaN, NaN, NaN);--thumb-disabled-background-color: rgb(202, 202, 202);--thumb-disabled-border-color: rgb(202, 202, 202);--thumb-activated-background-color: rgb(221, 221, 221);--thumb-activated-border-color: rgb(202, 202, 202);--on-thumb-active-color: rgb(26, 26, 26);--on-thumb-neutral-color: rgb(61, 61, 61);--on-thumb-disabled-color: rgb(112, 112, 112);--running-enabled-background-color: rgb(0, 131, 0);--running-enabled-border-color: rgb(0, 71, 0);--running-hover-background-color: rgb(0, 98, 0);--running-hover-border-color: rgb(0, 71, 0);--running-pressed-background-color: rgb(0, 71, 0);--running-pressed-border-color: rgb(0, 71, 0);--running-focused-background-color: rgb(0, 98, 0);--running-focused-border-color: rgb(102, 144, 203);--running-disabled-background-color: rgb(0, 131, 0);--running-disabled-border-color: rgb(0, 131, 0);--on-running-active-color: rgb(255, 255, 255);--on-running-neutral-color: rgb(255, 255, 255);--on-running-disabled-color: rgb(163, 216, 159);--navigation-light-danger-color: rgb(147, 94, 146);--navigation-light-map-caution-color: rgb(149, 103, 38);--alert-warning-text-color: rgb(179, 87, 0);--alert-caution-outline-color: rgb(169, 139, 0);--alert-warning-outline-color: rgb(220, 113, 0);--instrument-regular-secondary-dif-color: rgb(142, 142, 142);--notification-enabled-background-color: rgb(34, 60, 97);--notification-enabled-border-color: rgb(34, 60, 97);--notification-hover-background-color: rgb(38, 69, 115);--notification-hover-border-color: rgb(36, 69, 117);--notification-pressed-background-color: rgb(34, 60, 97);--notification-pressed-border-color: rgb(34, 60, 97);--notification-focused-background-color: rgb(34, 60, 97);--notification-focused-border-color: rgb(NaN, NaN, NaN);--notification-disabled-background-color: rgb(221, 221, 221);--notification-disabled-border-color: rgb(221, 221, 221);--on-notification-active-color: rgb(255, 255, 255);--on-notification-neutral-color: rgb(204, 222, 246);--on-notification-disabled-color: rgb(255, 255, 255);--shadow-flat-x: 0;--shadow-flat-y: 1px;--shadow-flat-blur: 2px;--shadow-flat-spread: 0;--shadow-raised-x: 0;--shadow-raised-y: 2px;--shadow-raised-blur: 4px;--shadow-raised-spread: 0;--shadow-floating-x: 0;--shadow-floating-y: 4px;--shadow-floating-blur: 16px;--shadow-floating-spread: 1px;--shadow-overlay-x: 0;--shadow-overlay-y: 8px;--shadow-overlay-blur: 32px;--shadow-overlay-spread: 0;--shadow-flat-color: rgb(0, 0, 0, .4300000071525574);--shadow-raised-color: rgb(0, 0, 0, .4300000071525574);--shadow-floating-color: rgb(0, 0, 0, .4300000071525574);--shadow-overlay-color: rgb(0, 0, 0, .550000011920929);--typography-color: rgb(255, 255, 255);--base-green-050: rgb(218, 238, 227);--base-green-100: rgb(196, 228, 212);--base-green-200: rgb(164, 213, 189);--base-green-300: rgb(69, 158, 121);--base-green-400: rgb(0, 128, 95);--base-green-500: rgb(18, 95, 68);--base-green-600: rgb(6, 69, 48);--base-yellow-050: rgb(235, 235, 217);--base-yellow-100: rgb(222, 222, 191);--base-yellow-200: rgb(205, 205, 160);--base-yellow-300: rgb(148, 145, 67);--base-yellow-400: rgb(118, 115, 37);--base-yellow-500: rgb(88, 85, 17);--base-yellow-600: rgb(64, 61, 6);--base-purple-050: rgb(243, 231, 243);--base-purple-100: rgb(235, 213, 234);--base-purple-200: rgb(225, 192, 223);--base-purple-300: rgb(178, 124, 177);--base-purple-400: rgb(147, 94, 146);--base-purple-500: rgb(112, 68, 112);--base-purple-600: rgb(82, 47, 82);--base-indigo-050: rgb(232, 232, 251);--base-indigo-100: rgb(217, 217, 248);--base-indigo-200: rgb(199, 197, 244);--base-indigo-300: rgb(140, 133, 210);--base-indigo-400: rgb(111, 103, 177);--base-indigo-500: rgb(82, 75, 137);--base-indigo-600: rgb(59, 54, 102)}@property --alarm-blink-on{syntax: "number"; inherits: true; initial-value: 1;}@property --alarm-blink-off{syntax: "number"; inherits: true; initial-value: 0;}@keyframes warning-blink{0%{--warning-blink-on: 1;--warning-blink-off: 0;--alarm-blink-on: 1;--alarm-blink-off: 0}25%{--alarm-blink-on: 0;--alarm-blink-off: 1}50%{--warning-blink-on: 0;--warning-blink-off: 1;--alarm-blink-on: 1;--alarm-blink-off: 0}75%{--alarm-blink-on: 0;--alarm-blink-off: 1}to{--warning-blink-on: 1;--warning-blink-off: 0}}@property --warning-blink-on{syntax: "number"; inherits: true; initial-value: 1;}@property --warning-blink-off{syntax: "number"; inherits: true; initial-value: 0;}:root{animation:warning-blink 4s infinite;animation-timing-function:steps(1)}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-cyrillic-ext-400-normal-BjDhGU6t.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-ext-400-normal-d9FrwbiD.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-cyrillic-400-normal-CHP_ranX.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-400-normal-BDYvNhAR.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-devanagari-400-normal-C3FccbrF.woff2) format("woff2"),url(/assets/noto-sans-devanagari-400-normal-g9fsM2jL.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-greek-ext-400-normal-i2oSBwXz.woff2) format("woff2"),url(/assets/noto-sans-greek-ext-400-normal-L11LEhi4.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-greek-400-normal-DCESwnT1.woff2) format("woff2"),url(/assets/noto-sans-greek-400-normal-Be2BcUUc.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-vietnamese-400-normal-D2wP-Vm-.woff2) format("woff2"),url(/assets/noto-sans-vietnamese-400-normal-C3Al4sv4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-ext-400-normal-CVf-LbaS.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-400-normal-CNh9dRW_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-latin-400-normal-BTkUljjl.woff2) format("woff2"),url(/assets/noto-sans-latin-400-normal-DPpKfCgK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-cyrillic-ext-500-normal-CuwgPeWW.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-ext-500-normal-Bw4G4pNe.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-cyrillic-500-normal-9zZ_jNuA.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-500-normal-BxM0HQjg.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-devanagari-500-normal-VG35fhMU.woff2) format("woff2"),url(/assets/noto-sans-devanagari-500-normal-B62tDw8r.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-greek-ext-500-normal-D6bOGD5V.woff2) format("woff2"),url(/assets/noto-sans-greek-ext-500-normal-CbZNESfr.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-greek-500-normal-D_0l3T9g.woff2) format("woff2"),url(/assets/noto-sans-greek-500-normal-BAAA_uK7.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-vietnamese-500-normal-B_DgfjT4.woff2) format("woff2"),url(/assets/noto-sans-vietnamese-500-normal-BBHKifio.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-latin-ext-500-normal-D88cFz81.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-500-normal-Bn9_h39k.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-latin-500-normal-DCA2Z9Cj.woff2) format("woff2"),url(/assets/noto-sans-latin-500-normal-CDPngY5C.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-cyrillic-ext-600-normal-DlWr7wnj.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-ext-600-normal-Cwz1867h.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-cyrillic-600-normal-KpAl9xZA.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-600-normal-BRIw9PIU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-devanagari-600-normal-Ewgvvq1j.woff2) format("woff2"),url(/assets/noto-sans-devanagari-600-normal-Bly84zfI.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-greek-ext-600-normal-B4z4a2vi.woff2) format("woff2"),url(/assets/noto-sans-greek-ext-600-normal-BjvVOqxV.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-greek-600-normal-CT9U7UAD.woff2) format("woff2"),url(/assets/noto-sans-greek-600-normal-C0bz_iEd.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-vietnamese-600-normal-mhyQDSzg.woff2) format("woff2"),url(/assets/noto-sans-vietnamese-600-normal-D0HZFEqa.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-latin-ext-600-normal-Has_8ph9.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-600-normal-B3lLaxXr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-latin-600-normal-Dkgu5AE5.woff2) format("woff2"),url(/assets/noto-sans-latin-600-normal-DVJMj_t0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-cyrillic-ext-700-normal-OK-fZO_i.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-ext-700-normal-D83T7awq.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-cyrillic-700-normal-DYZmzPmX.woff2) format("woff2"),url(/assets/noto-sans-cyrillic-700-normal-D8UNalU-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-devanagari-700-normal-DVs0dmkg.woff2) format("woff2"),url(/assets/noto-sans-devanagari-700-normal-CT12sGlc.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-greek-ext-700-normal-Dq1WA5-1.woff2) format("woff2"),url(/assets/noto-sans-greek-ext-700-normal-BOmIwFkq.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-greek-700-normal-x3kNWF-0.woff2) format("woff2"),url(/assets/noto-sans-greek-700-normal-DDNJsN3F.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-vietnamese-700-normal-DayJ0F-f.woff2) format("woff2"),url(/assets/noto-sans-vietnamese-700-normal-1GL2JyGE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-latin-ext-700-normal-BypTtJma.woff2) format("woff2"),url(/assets/noto-sans-latin-ext-700-normal-CgsG9aVh.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-latin-700-normal-CrvTEWhy.woff2) format("woff2"),url(/assets/noto-sans-latin-700-normal-ZyrKABVF.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:root{--obc-primary: #1b3a57;--obc-background: #f0f0f0;--obc-surface: #ffffff;--obc-border: #d0d0d0;--obc-text-primary: #1b3a57;--obc-text-secondary: #5f6368;--obc-accent: #0066cc;--topbar-height: 48px;--sidebar-width: 48px}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.4;color:var(--obc-text-primary);background-color:var(--obc-background)}.toggle-switch{position:relative;width:40px;height:20px;background:#ccc;border-radius:20px;cursor:pointer;transition:background .2s ease}.toggle-switch.active{background:var(--obc-accent)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s ease}.toggle-switch.active:after{left:22px}[data-theme=dark]{--obc-background: #1a1a2e;--obc-surface: #242438;--obc-border: #3a3a50;--obc-text-primary: #e0e0e8;--obc-text-secondary: #9a9ab0}[data-theme=dark] body{color:var(--obc-text-primary);background-color:var(--obc-background)}.clickable-component{cursor:pointer;transition:filter .15s,transform .1s;border-radius:4px}.clickable-component:hover{filter:brightness(1.15);transform:scale(1.08)}.theme-toggle{position:relative}.theme-toggle:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--obc-accent);opacity:.6}.topbar{display:flex;justify-content:space-between;align-items:center;height:var(--topbar-height);padding:0 8px;background:var(--obc-surface);border-bottom:1px solid var(--obc-border);flex-shrink:0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:4px}.topbar-menu-btn,.topbar-nav-btn,.topbar-settings-btn,.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--obc-text-primary);cursor:pointer;border-radius:4px;transition:background .15s ease}.topbar-menu-btn:hover,.topbar-nav-btn:hover,.topbar-settings-btn:hover,.topbar-icon-btn:hover{background:#0000000d}[data-theme=dark] .topbar-menu-btn:hover,[data-theme=dark] .topbar-nav-btn:hover,[data-theme=dark] .topbar-settings-btn:hover,[data-theme=dark] .topbar-icon-btn:hover{background:#ffffff14}.topbar-title{display:flex;align-items:center;gap:12px;margin-left:8px}.topbar-title-main{font-size:14px;font-weight:500;color:var(--obc-text-secondary)}.topbar-title-sub{font-size:14px;font-weight:600;color:var(--obc-text-primary)}.topbar-title-separator{width:1px;height:16px;background:var(--obc-border)}.topbar-clock{display:flex;align-items:baseline;gap:8px;padding:0 12px}.topbar-time{font-size:14px;font-weight:600;color:var(--obc-text-primary)}.topbar-date{font-size:13px;color:var(--obc-text-secondary)}.sidebar{width:220px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:width .3s ease}.sidebar.collapsed{width:56px}.sidebar-nav{display:flex;flex-direction:column;padding:4px 0}.sidebar-nav-main{flex:1}.sidebar-nav-bottom{padding-bottom:8px}.sidebar-divider{height:1px;background:#e0e0e0;margin:4px 12px;flex-shrink:0}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 16px;border:none;background:transparent;color:#444;cursor:pointer;transition:all .15s ease;font-size:13px;font-family:Noto Sans,sans-serif;text-align:left;position:relative;white-space:nowrap}.sidebar-nav-item:hover{background:#0000000a;color:#222}.sidebar-nav-item.active{background:#0050b414;color:#0050b4;font-weight:600}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#0050b4;border-radius:0 3px 3px 0}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.sidebar-nav-icon svg{display:block}.sidebar-nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.sidebar.collapsed .sidebar-nav-label{opacity:0;pointer-events:none}[data-theme=dark] .sidebar{background:#1e1e32;border-right-color:#3a3a54}[data-theme=dark] .sidebar-divider{background:#3a3a54}[data-theme=dark] .sidebar-nav-item{color:#b0b0c0}[data-theme=dark] .sidebar-nav-item:hover{background:#ffffff0f}[data-theme=dark] .sidebar-nav-item.active{background:#0064c826;color:#6fa8dc}.water-view{padding:8px;min-height:100%;overflow:auto}.main-grid{display:grid;grid-template-columns:minmax(400px,2fr) minmax(180px,1fr) minmax(300px,1.5fr);gap:6px;min-height:calc(100vh - 60px);position:relative}.left-column,.center-column,.right-column{display:flex;flex-direction:column;gap:6px;min-width:0}.center-column{align-items:center}.center-card{background:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:10px;width:100%;box-shadow:0 1px 4px #0000000f}.v-pipe-connector{display:flex;justify-content:center}.h-pipe-connector{flex-shrink:0}.h-pipe-connector.dual{display:flex;align-items:center}.v-trunk{flex-shrink:0}.panel{background:#fff;border:1px solid #d0d0d0;border-radius:4px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-bottom:1px solid #e0e0e0}.panel-title{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.panel-menu{background:none;border:none;font-size:14px;color:#999;cursor:pointer;padding:0;line-height:1}.panel-body{padding:6px;position:relative}.flow-panel .panel-body{overflow:visible}.pipe-grid{display:grid;grid-auto-rows:24px;grid-auto-columns:24px;align-items:center;justify-items:center;position:relative}.pipe-grid>*{line-height:0}.aft-pipe-grid{display:grid;grid-template-columns:repeat(22,24px);grid-template-rows:repeat(5,24px);align-items:center;justify-items:center}.temp-badge{display:inline-flex;align-items:baseline;padding:3px 6px;border:1px solid #d0d0d0;border-radius:3px;background:#fff;gap:2px;white-space:nowrap;z-index:2;position:relative}.temp-value{font-size:12px;font-weight:600;color:#06c}.temp-unit{font-size:10px;color:#666}.flow-indicator{display:flex;flex-direction:column;font-size:9px;color:#666;line-height:1.3;white-space:nowrap;z-index:2;position:relative}.valve{display:inline-flex;flex-direction:column;align-items:center;gap:0;color:#333;z-index:2;position:relative;cursor:pointer;flex-shrink:0}.valve obc-valve{display:block;width:32px;height:32px;transform:scale(.55);transform-origin:center center;margin:-6px -4px}.valve-label{font-size:8px;color:#666;margin-top:-2px}.heat-exchanger{display:inline-flex;align-items:center;justify-content:center;color:#333;z-index:2;position:relative;flex-shrink:0}.heat-exchanger obc-automation-button{display:block;width:40px;height:40px;transform:scale(.6);transform-origin:center center;margin:-8px -4px}.pump{display:inline-flex;flex-direction:column;align-items:center;gap:1px;color:#333;z-index:2;position:relative;flex-shrink:0}.pump obc-automation-button{display:block;width:32px;height:32px;transform:scale(.55);transform-origin:center center;margin:-6px -4px}.pump-speed,.pump-label{font-size:8px;color:#666;margin-top:-2px}.obc-toggle-wrapper{display:inline-flex;align-items:center}.flow-line{width:40px;height:2px;background:#333}.bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.small-panel .panel-body{min-height:60px;display:flex;align-items:center;justify-content:center}.pump-row{display:flex;align-items:center;gap:0}.pump-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:#666}.pump-group{display:flex;gap:0}.selection-content{display:flex;align-items:center;gap:12px}.recovery-panel{width:220px}.recovery-panel{width:100%}.recovery-panel .panel-body{display:flex;flex-direction:column;align-items:center;gap:8px}.center-pipe-junction{display:flex;justify-content:center;width:100%}.below-center-row{display:flex;gap:0;width:100%;align-items:stretch}.below-center-panel{flex:1;min-width:0}.below-center-panel .panel-body{overflow:visible}.below-center-connectors{position:relative;width:60px;min-height:80px;flex-shrink:0}.control-toggles{display:flex;gap:8px}.control-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;cursor:pointer;font-size:10px;color:#333;transition:all .15s ease}.control-btn:hover{border-color:#06c}.control-btn.active{background:#06c;color:#fff;border-color:#06c}.info-section{background:#fff;border:1px solid #d0d0d0;border-radius:4px;padding:6px}.section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:6px}.readout-list,.setpoint-list,.operation-list{display:flex;flex-direction:column;gap:3px}.readout,.setpoint{font-size:10px;color:#333;display:flex;align-items:center;gap:4px}.readout .val,.setpoint .val{color:#06c;font-weight:600}.setpoint .indicator{color:#06c;font-size:9px}.operation{display:flex;justify-content:space-between;align-items:center;font-size:10px}.side-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.side-panel .panel-body{min-height:60px}.mixing-content,.secondary-content{display:flex;flex-direction:column;align-items:center;gap:6px}.selection-items,.pump-items{display:flex;flex-direction:column;gap:6px}.selection-items .item,.pump-items .item{display:flex;align-items:center;gap:0;font-size:10px}.full-panel{width:100%}.cooling-content{display:flex;flex-direction:column;gap:6px}.cooling-row{display:flex;align-items:center;gap:0}.aft-schematic{display:grid;grid-template-columns:24px 24px auto 48px auto 48px auto 48px auto 24px 24px;grid-template-rows:auto auto;gap:0;align-items:center;padding:8px 4px}.pipe-h{height:24px;display:flex;align-items:center;justify-content:center}.pipe-v{width:24px;display:flex;align-items:center;justify-content:center}.arrow{font-size:14px;color:#555;z-index:2;position:relative}.schematic-row{display:flex;align-items:center;gap:0;position:relative;flex-wrap:nowrap;padding:2px 0;min-height:28px}.schematic-row.secondary-row{padding-left:96px;opacity:.95}.schematic-row>*{flex-shrink:0}.schematic-row obc-horizontal-line,.schematic-row obc-direction-line,.schematic-row obc-corner-line,.schematic-row obc-end-point-line,.schematic-row obc-three-way-line{flex-shrink:0}.heatdump-schematic,.cooling-schematic{display:flex;flex-direction:column;gap:4px}.pump-with-speed{display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;position:relative}.pump-with-speed .speed-label{font-size:9px;color:#666;cursor:pointer}.connector-vertical{display:flex;flex-direction:column;align-items:center}.bottom-schematic{display:flex;align-items:center;gap:0;justify-content:center;padding:4px}.selection-schematic{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px}.mixing-schematic{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px}.primary-bottom-schematic{display:flex;align-items:center;gap:0;justify-content:center;padding:4px}.center-pipe-network{width:100%;display:flex;justify-content:center;align-items:flex-start;overflow:visible}.center-trunk-svg{max-width:260px;min-width:200px}[data-theme=dark] .center-trunk-svg line{stroke:#888}[data-theme=dark] .center-trunk-svg polygon{fill:#888}[data-theme=dark] .center-trunk-svg circle{stroke:#888;fill:#888}[data-theme=dark] .center-trunk-svg g polygon{fill:#777;stroke:#777}[data-theme=dark] .center-trunk-svg g circle{stroke:#777}@media(max-width:1400px){.main-grid{grid-template-columns:minmax(350px,1fr) 36px 90px 36px minmax(260px,320px)}}@media(max-width:1100px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto}.left-column,.center-column,.right-column{width:100%}}[data-theme=dark] .center-card,[data-theme=dark] .panel{background:#2a2a3e;border-color:#3a3a54}[data-theme=dark] .panel-header{border-bottom-color:#3a3a54}[data-theme=dark] .panel-title{color:#c0c0d0}[data-theme=dark] .panel-menu{color:#888}[data-theme=dark] .temp-badge{background:#333350;color:#e0e0e8;border-color:#4a4a64}[data-theme=dark] .valve-label,[data-theme=dark] .pump-label,[data-theme=dark] .pump-speed{color:#aaa}[data-theme=dark] .readout .val{color:#6fa8dc}[data-theme=dark] .readout{color:#bbb}[data-theme=dark] .section-label{color:#8888a0}[data-theme=dark] .control-btn{background:#333350;color:#ccc;border-color:#4a4a64}[data-theme=dark] .control-btn.active{background:#0050b4;color:#fff}[data-theme=dark] .setpoint span,[data-theme=dark] .operation span{color:#bbb}[data-theme=dark] .flow-indicator span{color:#aaa}.pipe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}[data-theme=dark] .h-pipe-connector svg line,[data-theme=dark] .v-pipe-connector svg line,[data-theme=dark] .v-trunk svg line{stroke:#888}[data-theme=dark] .h-pipe-connector svg path,[data-theme=dark] .v-pipe-connector svg path,[data-theme=dark] .v-trunk svg polygon,[data-theme=dark] .v-trunk svg path{fill:#888}[data-theme=dark] .pipe-overlay line{stroke:#666!important}.popup-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-card{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;width:340px;max-height:90vh;overflow-y:auto;padding:0;animation:slideUp .2s ease;font-family:Noto Sans,sans-serif}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0}.popup-tag{font-size:13px;font-weight:600;color:#333}.popup-close{border:none;background:none;cursor:pointer;color:#888;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s}.popup-close:hover{background:#f0f0f0}.popup-readout-hero{text-align:center;padding:16px 18px 4px}.popup-hero-value{font-size:36px;font-weight:300;color:#333;line-height:1}.hero-leading{color:#999}.hero-main{font-weight:700;color:#0050b4;font-size:40px}.hero-unit{font-size:18px;color:#666;font-weight:400;vertical-align:top}.popup-hero-name{font-size:12px;color:#888;margin-top:4px}.popup-icon-area{display:flex;align-items:center;justify-content:center;padding:16px 0 12px;position:relative}.popup-icon-area:after{content:"";position:absolute;right:18px;top:50%;width:60px;height:1px;background:#ddd}.popup-mode-selector{display:flex;margin:8px 18px;border-radius:6px;overflow:hidden;border:1px solid #ddd}.mode-btn{flex:1;padding:10px 0;border:none;background:#f5f5f5;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .15s;font-family:inherit}.mode-btn:not(:last-child){border-right:1px solid #ddd}.mode-btn:hover{background:#eee}.mode-btn.active{background:#0050b4;color:#fff;font-weight:600}.popup-mode-label{text-align:center;font-size:11px;color:#999;margin:4px 0 10px}.popup-speed-control{display:flex;align-items:center;margin:0 18px;gap:0;border:1px solid #ddd;border-radius:6px;overflow:hidden}.speed-btn{width:48px;height:40px;border:none;background:#f5f5f5;font-size:18px;cursor:pointer;color:#333;transition:background .15s;font-family:inherit;display:flex;align-items:center;justify-content:center}.speed-btn:hover{background:#e0e0e0}.speed-btn:not(:last-child){border-right:1px solid #ddd}.speed-display{flex:1;text-align:center;font-size:16px;font-weight:600;color:#333;padding:8px 0}.speed-labels{display:flex;justify-content:space-between;padding:2px 22px 10px;font-size:10px;color:#999}.speed-labels span{width:48px;text-align:center}.speed-labels span:nth-child(3){flex:1}.popup-readouts-section-label{font-size:11px;font-weight:600;color:#999;letter-spacing:.5px;padding:10px 18px 6px;text-transform:uppercase}.popup-readouts-grid{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}.readout-item{display:flex;align-items:baseline;gap:6px}.readout-num{font-size:24px;color:#333;font-weight:300;line-height:1}.readout-num b{font-weight:700;color:#0050b4;font-size:28px}.readout-info{font-size:11px;color:#666;line-height:1.3}.readout-unit{font-size:10px;color:#999}[data-theme=dark] .popup-card{background:#2a2a2a;box-shadow:0 8px 32px #0006}[data-theme=dark] .popup-tag{color:#e0e0e0}[data-theme=dark] .popup-close{color:#aaa}[data-theme=dark] .popup-close:hover{background:#3a3a3a}[data-theme=dark] .popup-hero-value{color:#e0e0e0}[data-theme=dark] .hero-leading{color:#666}[data-theme=dark] .hero-main{color:#6fa8dc}[data-theme=dark] .hero-unit{color:#999}[data-theme=dark] .popup-hero-name{color:#888}[data-theme=dark] .popup-icon-area:after{background:#444}[data-theme=dark] .mode-btn{background:#3a3a3a;color:#ccc;border-color:#555}[data-theme=dark] .mode-btn:hover{background:#444}[data-theme=dark] .mode-btn.active{background:#0050b4;color:#fff}[data-theme=dark] .popup-mode-selector,[data-theme=dark] .popup-speed-control{border-color:#555}[data-theme=dark] .speed-btn{background:#3a3a3a;color:#ccc;border-color:#555}[data-theme=dark] .speed-btn:hover{background:#444}[data-theme=dark] .speed-display{color:#e0e0e0}[data-theme=dark] .readout-num{color:#ccc}[data-theme=dark] .readout-num b{color:#6fa8dc}[data-theme=dark] .readout-info{color:#999}.alerts-view{display:flex;height:100%;background:#fff;font-family:Noto Sans,sans-serif}.alerts-main{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e0e0e0}.alerts-table{flex:1;display:flex;flex-direction:column;overflow:hidden}.alerts-header-row{display:flex;align-items:center;gap:0;padding:8px 16px;border-bottom:1px solid #e0e0e0;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;background:#fafafa}.alerts-col-icon{width:40px;flex-shrink:0;text-align:center}.alerts-col-source{width:80px;flex-shrink:0}.alerts-col-cause{flex:1;min-width:120px}.alerts-col-tagid{width:90px;flex-shrink:0}.alerts-col-time{width:150px;flex-shrink:0}.alerts-col-pin{width:40px;flex-shrink:0;text-align:center}.alerts-col-ack{width:80px;flex-shrink:0;text-align:center}.alerts-body{flex:1;overflow-y:auto}.alerts-row{display:flex;align-items:center;gap:0;padding:6px 16px;border-bottom:1px solid #f0f0f0;font-size:12px;color:#333;cursor:pointer;transition:background .1s ease}.alerts-row:hover{background:#f8f8f8}.alerts-row.selected{background:#e8f0fe}.alert-icon{display:inline-flex;align-items:center;justify-content:center}.ack-btn{padding:4px 16px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;color:#333}.ack-btn:hover{background:#f0f0f0;border-color:#999}.alerts-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.alerts-toolbar-left,.alerts-toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;font-size:12px;color:#444;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:#f0f0f0;border-color:#999}.ack-all-btn{font-weight:600;background:#333;color:#fff;border-color:#333}.ack-all-btn:hover{background:#444}.alerts-detail{width:280px;flex-shrink:0;padding:12px;overflow-y:auto;background:#fafafa}.detail-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.detail-header-icon{font-size:14px}.detail-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.detail-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.detail-title{font-size:13px;font-weight:600;flex:1}.detail-actions-mini{display:flex;gap:6px;align-items:center}.detail-description{font-size:12px;color:#333;margin-bottom:12px}.detail-sub-label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;margin-top:10px}.detail-sub-value{font-size:12px;color:#333}.detail-meta-row{display:flex;gap:16px;margin-top:12px}.detail-meta{display:flex;flex-direction:column;gap:2px}.detail-meta-label{font-size:10px;color:#999;text-transform:uppercase}.detail-meta-value{font-size:12px;font-weight:600;color:#333}.detail-btn-row{display:flex;gap:8px;margin-top:14px}.detail-btn{flex:1;padding:8px;border:1px solid #d0d0d0;border-radius:4px;background:#333;color:#fff;font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s ease}.detail-btn:hover{background:#444}.detail-btn-outline{background:#fff;color:#333}.detail-btn-outline:hover{background:#f0f0f0}.pinned-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:6px}.pinned-title{flex:1;font-size:12px;color:#333}.pinned-actions{display:flex;gap:6px;align-items:center}.detail-empty{font-size:12px;color:#999;text-align:center;padding:40px 16px}.transfer-view{padding:16px;min-height:100%;overflow:auto;position:relative}.transfer-layout{display:grid;grid-template-columns:minmax(480px,1fr) minmax(380px,1fr);grid-template-rows:auto auto;gap:24px 32px;align-items:start}.transfer-left,.transfer-right{display:flex;flex-direction:column;gap:8px}.transfer-bottom{grid-column:1 / -1}.pipe-row{display:flex;align-items:center;gap:0;flex-wrap:nowrap}.pipe-row>*{flex-shrink:0}.transfer-group{border:1px solid #c8a0d8;border-radius:4px;background:#ffffff05;margin:4px 0}.transfer-group-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.transfer-group-expand{background:none;border:none;font-size:14px;color:#999;cursor:pointer;padding:0;line-height:1}.transfer-group-expand:hover{color:#333}.group-inner{padding:8px 12px 12px;display:flex;flex-direction:column;gap:10px}.group-tank-section{display:flex;align-items:flex-start;gap:12px;flex-wrap:nowrap}.transfer-tank{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;transition:transform .1s ease}.transfer-tank:hover{transform:scale(1.02)}.tank-body{width:100px;height:70px;border:1px solid #bbb;border-radius:3px;background:#f8f8f8;position:relative;overflow:hidden}.tank-water{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#87cefa66,#64b4f099);transition:height .6s ease}.tank-info{position:absolute;top:4px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2}.tank-icons{display:flex;align-items:center;gap:3px;font-size:8px;color:#888}.tank-icons svg{width:10px;height:10px;fill:currentColor}.tank-percentage{display:flex;align-items:baseline;gap:2px}.tank-pct-indicator{width:6px;height:6px;border-radius:50%;border:1px solid #0078d4;background:transparent;flex-shrink:0}.tank-pct-value{font-size:20px;font-weight:600;color:#333}.tank-pct-unit{font-size:10px;color:#666}.tank-volume{font-size:9px;color:#666}.tank-tag{font-size:8px;color:#888;margin-top:2px}.t-valve{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:1px;transition:opacity .15s}.t-valve:hover{opacity:.7}.t-valve-label{font-size:8px;color:#666}.t-pump{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:1px;transition:opacity .15s}.t-pump:hover{opacity:.7}.t-pump-label{font-size:8px;color:#666}.capacity-box{display:flex;flex-direction:column;align-items:center;gap:4px}.capacity-value{border:1px solid #bbb;border-radius:3px;padding:4px 10px;background:#f8f8f8;font-size:10px;font-weight:600;text-align:center}.junction-box{width:28px;height:28px;border:1px solid #c8a0d8;display:flex;align-items:center;justify-content:center;font-size:8px;color:#888;font-weight:600;flex-shrink:0}.overflow-section{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.overflow-label{font-size:10px;font-weight:600;color:#666;text-transform:uppercase}.overflow-tank{width:60px;height:80px;border:1px solid #bbb;border-radius:3px;background:#f8f8f8;position:relative;overflow:hidden}.overflow-tank .tank-water{background:linear-gradient(180deg,#87cefa4d,#64b4f080)}.overflow-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:600;color:#333;z-index:2}.fuel-leak{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.fuel-leak-label{font-size:10px;font-weight:600;color:#666}.fuel-leak-icon{width:24px;height:24px;border-radius:50%;border:2px solid #bbb;display:flex;align-items:center;justify-content:center;font-size:10px;color:#888;background:#f8f8f8}.data-tag{font-size:8px;color:#888;white-space:nowrap}.data-value{font-size:9px;color:#333;font-weight:500;white-space:nowrap;padding:0 2px}.bottom-center{display:flex;align-items:flex-start;gap:24px;justify-content:center;width:100%}@media(max-width:1200px){.transfer-layout{grid-template-columns:1fr}.transfer-bottom{grid-column:1}}[data-theme=dark] .tank-body{background:#2a2a3e;border-color:#4a4a64}[data-theme=dark] .tank-water{background:linear-gradient(180deg,#64b4f033,#5096dc66)}[data-theme=dark] .tank-pct-value{color:#e0e0e8}[data-theme=dark] .tank-volume,[data-theme=dark] .tank-tag,[data-theme=dark] .tank-icons{color:#888}[data-theme=dark] .tank-pct-indicator{border-color:#6fa8dc}[data-theme=dark] .transfer-group{border-color:#6a5a7a}[data-theme=dark] .transfer-group-header{color:#b0b0c0}[data-theme=dark] .transfer-group-expand:hover{color:#e0e0e0}[data-theme=dark] .overflow-tank{background:#2a2a3e;border-color:#4a4a64}[data-theme=dark] .overflow-label,[data-theme=dark] .fuel-leak-label{color:#b0b0c0}[data-theme=dark] .fuel-leak-icon{border-color:#4a4a64;background:#2a2a3e;color:#888}[data-theme=dark] .overflow-value{color:#e0e0e8}[data-theme=dark] .data-tag{color:#888}[data-theme=dark] .data-value{color:#ccc}[data-theme=dark] .t-valve-label,[data-theme=dark] .t-pump-label{color:#888}[data-theme=dark] .capacity-value{background:#2a2a3e;border-color:#4a4a64;color:#e0e0e8}[data-theme=dark] .junction-box{border-color:#6a5a7a;color:#888}.settings-view{display:flex;height:100%;background:var(--obc-background);color:var(--obc-text-primary);font-family:Noto Sans,sans-serif}.settings-sidebar{width:240px;background:var(--obc-surface);border-right:1px solid var(--obc-border);display:flex;flex-direction:column;flex-shrink:0;padding:20px 0;overflow-y:auto}.settings-sidebar-title{font-size:16px;font-weight:700;padding:0 20px 16px;color:var(--obc-text-primary);letter-spacing:.02em}.settings-sidebar-item{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 20px;border:none;background:transparent;color:var(--obc-text-secondary);cursor:pointer;font-size:13px;font-family:inherit;text-align:left;transition:all .15s ease;position:relative}.settings-sidebar-item:hover{background:#0000000a;color:var(--obc-text-primary)}.settings-sidebar-item.active{background:#0050b414;color:#0050b4;font-weight:600}.settings-sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#0050b4;border-radius:0 3px 3px 0}.settings-sidebar-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.settings-content{flex:1;overflow-y:auto;padding:28px 36px}.settings-content-header{margin-bottom:24px}.settings-content-header h2{font-size:20px;font-weight:700;color:var(--obc-text-primary);margin:0 0 4px}.settings-content-header p{font-size:13px;color:var(--obc-text-secondary);margin:0}.settings-card{background:var(--obc-surface);border:1px solid var(--obc-border);border-radius:10px;padding:24px;margin-bottom:20px;transition:box-shadow .2s ease}.settings-card:hover{box-shadow:0 2px 12px #0000000f}.settings-card-title{font-size:14px;font-weight:600;color:var(--obc-text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.settings-card-title svg{opacity:.6}.settings-profile{display:flex;align-items:center;gap:20px;margin-bottom:24px}.settings-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#06c,#0050b4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0066cc40}.settings-profile-info h3{font-size:16px;font-weight:600;margin:0 0 2px;color:var(--obc-text-primary)}.settings-profile-info p{font-size:12px;color:var(--obc-text-secondary);margin:0}.settings-profile-info .role-badge{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:12px;background:#0066cc1a;color:#06c;font-size:11px;font-weight:600}.settings-form-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--obc-border)}.settings-form-row:last-child{border-bottom:none}.settings-form-label{font-size:13px;color:var(--obc-text-primary);font-weight:500}.settings-form-label small{display:block;font-weight:400;color:var(--obc-text-secondary);font-size:11px;margin-top:2px}.settings-form-value{font-size:13px;color:var(--obc-text-secondary)}.settings-input,.settings-select{height:34px;padding:0 12px;border:1px solid var(--obc-border);border-radius:6px;background:var(--obc-background);color:var(--obc-text-primary);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s ease}.settings-input:focus,.settings-select:focus{border-color:var(--obc-accent);box-shadow:0 0 0 2px #0066cc1f}.settings-select{cursor:pointer;min-width:140px}.settings-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:none;border-radius:6px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-btn-primary{background:linear-gradient(135deg,#06c,#0050b4);color:#fff;box-shadow:0 2px 8px #06c3}.settings-btn-primary:hover{background:linear-gradient(135deg,#0070dd,#0058c4);box-shadow:0 4px 12px #0066cc4d;transform:translateY(-1px)}.settings-btn-secondary{background:transparent;color:var(--obc-text-primary);border:1px solid var(--obc-border)}.settings-btn-secondary:hover{background:#0000000a}.settings-toggle{position:relative;width:44px;height:24px;background:#ccc;border-radius:12px;cursor:pointer;border:none;transition:background .2s ease;flex-shrink:0}.settings-toggle.active{background:linear-gradient(135deg,#06c,#0050b4)}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0003}.settings-toggle.active:after{left:23px}.settings-table{width:100%;border-collapse:collapse;font-size:13px}.settings-table th{text-align:left;font-weight:600;color:var(--obc-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-bottom:2px solid var(--obc-border)}.settings-table td{padding:10px 12px;border-bottom:1px solid var(--obc-border);color:var(--obc-text-primary)}.settings-table tr:last-child td{border-bottom:none}.settings-table tr:hover td{background:#00000005}.role-admin{display:inline-block;padding:2px 10px;border-radius:12px;background:#cc33001a;color:#c30;font-size:11px;font-weight:600}.role-operator{display:inline-block;padding:2px 10px;border-radius:12px;background:#0066cc1a;color:#06c;font-size:11px;font-weight:600}.role-viewer{display:inline-block;padding:2px 10px;border-radius:12px;background:#0099441a;color:#094;font-size:11px;font-weight:600}.user-status-active{color:#094;font-weight:500}.user-status-inactive{color:var(--obc-text-secondary)}.settings-color-options{display:flex;gap:10px}.settings-color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #0000001a}.settings-color-swatch:hover{transform:scale(1.15)}.settings-color-swatch.active{border-color:var(--obc-text-primary);box-shadow:0 2px 8px #0003}.settings-legal{max-height:400px;overflow-y:auto;padding:16px;background:var(--obc-background);border-radius:8px;border:1px solid var(--obc-border);font-size:12px;line-height:1.7;color:var(--obc-text-secondary)}.settings-legal h4{color:var(--obc-text-primary);font-size:13px;margin:16px 0 8px}.settings-legal h4:first-child{margin-top:0}.settings-legal p{margin:0 0 10px}.settings-about-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.settings-about-item{padding:16px;background:var(--obc-background);border-radius:8px;border:1px solid var(--obc-border);text-align:center}.settings-about-item .label{font-size:11px;color:var(--obc-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.settings-about-item .value{font-size:16px;font-weight:700;color:var(--obc-text-primary)}.settings-branding{display:flex;align-items:center;gap:12px;margin-top:20px;padding:16px;background:linear-gradient(135deg,#0066cc0f,#0050b408);border-radius:8px;border:1px solid rgba(0,102,204,.12)}.settings-branding-logo{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#06c,#0050b4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.settings-branding-info h4{font-size:14px;font-weight:600;margin:0 0 2px;color:var(--obc-text-primary)}.settings-branding-info p{font-size:12px;color:var(--obc-text-secondary);margin:0}[data-theme=dark] .settings-sidebar-item:hover{background:#ffffff0f}[data-theme=dark] .settings-sidebar-item.active{background:#0064c826;color:#6fa8dc}[data-theme=dark] .settings-sidebar-item.active:before{background:#6fa8dc}[data-theme=dark] .settings-card:hover{box-shadow:0 2px 12px #00000040}[data-theme=dark] .settings-btn-secondary:hover{background:#ffffff0f}[data-theme=dark] .settings-table tr:hover td{background:#ffffff08}[data-theme=dark] .settings-color-swatch{box-shadow:0 2px 6px #0000004d}[data-theme=dark] .role-badge{background:#6fa8dc26;color:#6fa8dc}[data-theme=dark] .settings-toggle{background:#3a3a54}[data-theme=dark] .settings-branding{background:linear-gradient(135deg,#6fa8dc14,#6fa8dc08);border-color:#6fa8dc26}.help-view{height:100%;overflow-y:auto;background:var(--obc-background);color:var(--obc-text-primary);font-family:Noto Sans,sans-serif;padding:28px 36px 40px}.help-header{text-align:center;margin-bottom:32px}.help-header h1{font-size:24px;font-weight:700;margin:0 0 6px}.help-header p{font-size:14px;color:var(--obc-text-secondary);margin:0 0 20px}.help-search-wrapper{position:relative;max-width:520px;margin:0 auto}.help-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--obc-text-secondary);display:flex}.help-search{width:100%;height:44px;padding:0 16px 0 42px;border:1px solid var(--obc-border);border-radius:22px;background:var(--obc-surface);color:var(--obc-text-primary);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.help-search:focus{border-color:var(--obc-accent);box-shadow:0 0 0 3px #0066cc1a}.help-search::placeholder{color:var(--obc-text-secondary)}.help-quickstart{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:36px}.help-quickstart-card{background:var(--obc-surface);border:1px solid var(--obc-border);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease}.help-quickstart-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.help-quickstart-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.help-quickstart-card h3{font-size:14px;font-weight:600;margin:0 0 4px}.help-quickstart-card p{font-size:12px;color:var(--obc-text-secondary);margin:0}.help-section-title{font-size:16px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.help-section-title svg{opacity:.5}.help-faq-list{margin-bottom:36px}.help-faq-item{background:var(--obc-surface);border:1px solid var(--obc-border);border-radius:8px;margin-bottom:8px;overflow:hidden;transition:box-shadow .2s}.help-faq-item.open{box-shadow:0 2px 10px #0000000f}.help-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;border:none;background:transparent;color:var(--obc-text-primary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;text-align:left;gap:12px}.help-faq-question:hover{background:#00000005}.help-faq-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--obc-text-secondary)}.help-faq-item.open .help-faq-chevron{transform:rotate(180deg)}.help-faq-answer{padding:0 18px 16px;font-size:13px;line-height:1.7;color:var(--obc-text-secondary)}.help-shortcuts-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:36px;background:var(--obc-surface);border:1px solid var(--obc-border);border-radius:10px;overflow:hidden}.help-shortcuts-table th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--obc-text-secondary);padding:10px 16px;border-bottom:2px solid var(--obc-border)}.help-shortcuts-table td{padding:10px 16px;border-bottom:1px solid var(--obc-border);color:var(--obc-text-primary)}.help-shortcuts-table tr:last-child td{border-bottom:none}.help-kbd{display:inline-block;padding:2px 8px;background:var(--obc-background);border:1px solid var(--obc-border);border-radius:4px;font-family:Noto Sans,monospace;font-size:12px;font-weight:500;box-shadow:0 1px 0 var(--obc-border)}.help-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:36px}.help-contact-card{background:var(--obc-surface);border:1px solid var(--obc-border);border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .2s}.help-contact-card:hover{box-shadow:0 2px 12px #0000000f}.help-contact-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.help-contact-info h4{font-size:14px;font-weight:600;margin:0 0 4px}.help-contact-info p{font-size:12px;color:var(--obc-text-secondary);margin:0;line-height:1.6}.help-contact-info a{color:var(--obc-accent);text-decoration:none}.help-contact-info a:hover{text-decoration:underline}.help-footer{text-align:center;padding:24px 0 0;border-top:1px solid var(--obc-border);color:var(--obc-text-secondary);font-size:12px}[data-theme=dark] .help-quickstart-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .help-faq-question:hover{background:#ffffff0a}[data-theme=dark] .help-faq-item.open{box-shadow:0 2px 10px #0000004d}[data-theme=dark] .help-contact-card:hover{box-shadow:0 2px 12px #0000004d}[data-theme=dark] .help-kbd{box-shadow:0 1px #ffffff1a}.table-view{display:flex;height:100%;background:var(--obc-background);color:var(--obc-text-primary);font-family:Noto Sans,sans-serif}.table-structure-panel{width:200px;background:var(--obc-surface);border-right:1px solid var(--obc-border);flex-shrink:0;display:flex;flex-direction:column;padding:16px}.table-structure-title{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--obc-text-primary)}.table-structure-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--obc-text-secondary);cursor:pointer;transition:all .15s ease;border:none;background:transparent;width:100%;text-align:left;font-family:inherit}.table-structure-item:hover{background:#0000000a;color:var(--obc-text-primary)}.table-structure-item.active{background:#0050b414;color:#0050b4;font-weight:600}.table-structure-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#0066cc1a;color:#06c;font-size:11px;font-weight:700;flex-shrink:0}.table-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--obc-surface);border-bottom:1px solid var(--obc-border);flex-shrink:0}.table-search-input{height:32px;padding:0 12px;border:1px solid var(--obc-border);border-radius:6px;background:var(--obc-background);color:var(--obc-text-primary);font-family:inherit;font-size:13px;outline:none;width:200px;transition:border-color .15s}.table-search-input:focus{border-color:var(--obc-accent);box-shadow:0 0 0 2px #0066cc1a}.table-search-input::placeholder{color:var(--obc-text-secondary)}.table-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;border:1px solid var(--obc-border);border-radius:6px;background:var(--obc-surface);color:var(--obc-text-secondary);cursor:pointer;transition:all .15s}.table-toolbar-btn:hover{background:#0000000a;color:var(--obc-text-primary)}.table-filter-pills{display:flex;gap:6px;margin-left:auto}.table-filter-pill{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px;border-radius:14px;border:1px solid var(--obc-border);background:var(--obc-surface);color:var(--obc-text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s}.table-filter-pill:hover,.table-filter-pill.active{background:#0050b414;border-color:#0050b4;color:#0050b4}.table-scroll{flex:1;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{position:sticky;top:0;z-index:2}.data-table th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--obc-text-secondary);padding:10px 14px;background:var(--obc-surface);border-bottom:2px solid var(--obc-border);white-space:nowrap;cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}.data-table th:hover{color:var(--obc-text-primary)}.data-table th .sort-icon{margin-left:4px;opacity:.4;font-size:10px}.data-table td{padding:10px 14px;border-bottom:1px solid var(--obc-border);color:var(--obc-text-primary);background:var(--obc-surface);vertical-align:middle}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover td{background:#00000005}.data-table tbody tr.selected td{background:#0050b40f}.table-checkbox{width:16px;height:16px;border:2px solid var(--obc-border);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;transition:all .15s;padding:0}.table-checkbox.checked{background:#0050b4;border-color:#0050b4}.table-checkbox.checked svg{display:block}.table-checkbox svg{display:none}.table-id-cell{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--obc-text-secondary);font-size:12px}.table-id-hash{color:var(--obc-accent);font-weight:600}.system-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.system-badge.water{background:#0066cc1a;color:#06c}.system-badge.ac{background:#8b5cf61a;color:#8b5cf6}.device-type-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;flex-shrink:0;color:var(--obc-text-secondary)}.device-name-cell{display:flex;align-items:center;gap:10px}.device-name-text{font-weight:500}.device-name-text.bold{font-weight:700;color:var(--obc-text-primary)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e66}.status-dot.warning{background:#eab308;box-shadow:0 0 6px #eab30866}.status-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef444466}.status-dot.idle{background:#9ca3af}.table-detail-panel{width:340px;background:var(--obc-surface);border-left:1px solid var(--obc-border);flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column}.table-detail-section{padding:16px;border-bottom:1px solid var(--obc-border)}.table-detail-section:last-child{border-bottom:none}.table-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-detail-header h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--obc-text-primary);margin:0}.table-detail-close{width:24px;height:24px;border:none;background:transparent;color:var(--obc-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .15s}.table-detail-close:hover{background:#0000000f}.detail-pump-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.detail-label{font-size:11px;color:var(--obc-text-secondary);text-transform:uppercase;letter-spacing:.04em;min-width:50px}.detail-value-box{padding:4px 10px;border:1px solid var(--obc-border);border-radius:4px;font-size:13px;font-weight:500;background:var(--obc-background);min-width:48px;text-align:center}.detail-bar{flex:1;height:6px;background:var(--obc-border);border-radius:3px;overflow:hidden}.detail-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.detail-bar-fill.blue{background:#06c}.detail-bar-fill.green{background:#22c55e}.detail-mode-group{display:flex;gap:4px;margin-bottom:10px}.detail-mode-btn{flex:1;height:30px;border:1px solid var(--obc-border);border-radius:4px;background:var(--obc-surface);color:var(--obc-text-secondary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.detail-mode-btn:hover{background:#0000000a}.detail-mode-btn.active{background:#0050b4;color:#fff;border-color:#0050b4}.detail-run-btn{height:30px;padding:0 16px;border:none;border-radius:4px;background:linear-gradient(135deg,#06c,#0050b4);color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.detail-run-btn:hover{background:linear-gradient(135deg,#0070dd,#0058c4);transform:translateY(-1px)}.detail-stop-btn{height:30px;padding:0 16px;border:1px solid var(--obc-border);border-radius:4px;background:var(--obc-surface);color:var(--obc-text-secondary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.detail-readouts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.detail-readout{padding:8px 10px;background:var(--obc-background);border:1px solid var(--obc-border);border-radius:6px}.detail-readout .readout-label{font-size:10px;color:var(--obc-text-secondary);text-transform:uppercase;letter-spacing:.04em}.detail-readout .readout-value{font-size:16px;font-weight:700;color:var(--obc-text-primary);margin-top:2px}.detail-readout .readout-unit{font-size:11px;font-weight:400;color:var(--obc-text-secondary);margin-left:2px}.table-tab-toggle{display:flex;border-radius:20px;overflow:hidden;border:1px solid var(--obc-border);margin-left:auto}.table-tab-btn{padding:6px 20px;border:none;background:transparent;color:var(--obc-text-secondary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.table-tab-btn.active{background:#0050b4;color:#fff}[data-theme=dark] .table-structure-item:hover{background:#ffffff0f}[data-theme=dark] .table-structure-item.active{background:#0064c826;color:#6fa8dc}[data-theme=dark] .table-structure-number{background:#6fa8dc26;color:#6fa8dc}[data-theme=dark] .data-table tbody tr:hover td{background:#ffffff08}[data-theme=dark] .data-table tbody tr.selected td{background:#0064c81a}[data-theme=dark] .table-toolbar-btn:hover{background:#ffffff0f}[data-theme=dark] .table-filter-pill:hover,[data-theme=dark] .table-filter-pill.active{background:#0064c826;border-color:#6fa8dc;color:#6fa8dc}[data-theme=dark] .detail-mode-btn:hover{background:#ffffff0f}[data-theme=dark] .detail-mode-btn.active{background:#6fa8dc;border-color:#6fa8dc}[data-theme=dark] .table-detail-close:hover{background:#ffffff14}[data-theme=dark] .table-tab-btn.active{background:#6fa8dc}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.app-content{flex:1;overflow:auto;background:#f0f0f0}
