* {
-webkit-tap-highlight-color: transparent;
}
:root,
.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-ui-button-font-size: var(--font-size-100);
--global-typography-ui-button-line-height: var(--line-height-100);
--global-typography-ui-button-font-weight: var(--font-weight-semibold);
--global-typography-ui-label-font-size: var(--font-size-075);
--global-typography-ui-label-line-height: var(--line-height-075);
--global-typography-ui-label-font-weight: var(--font-weight-regular);
--global-typography-ui-body-font-size: var(--font-size-100);
--global-typography-ui-body-line-height: var(--line-height-100);
--global-typography-ui-body-font-weight: var(--font-weight-regular);
--global-typography-ui-body-active-font-size: var(--font-size-100);
--global-typography-ui-body-active-line-height: var(--line-height-100);
--global-typography-ui-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: 36px;
--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;
--app-components-badge-icon-size: 12px;
--app-components-badge-label-spacing: 2px;
--app-components-badge-border-radius: var(--border-radius-br-2);
--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-nav-item-and-menus-padding-horizonal-list-item
);
--menu-navigation-components-navigation-item-margin-horizontal-icon-button: 4px;
--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: 0px;
--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: 0px;
--ui-components-card-label-spacing: 8px;
--app-components-alert-frame-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--app-components-alert-frame-large-flip-4px-padding-horizontal: 4px;
--app-components-alert-frame-large-flip-padding-vertical: 2px;
--app-components-alert-frame-small-flip-border-radius: 2px;
--global-typography-ui-overline-font-size: var(--font-size-100);
--global-typography-ui-overline-line-height: var(--line-height-100);
--global-typography-ui-overline-font-weight: var(--font-weight-semibold);
--global-typography-ui-overline-letter-spacing: 0.15000000596046448px;
--global-typography-ui-label-active-font-size: var(--font-size-075);
--global-typography-ui-label-active-line-height: var(--line-height-075);
--global-typography-ui-label-active-font-weight: var(--font-weight-bold);
--app-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-nav-item-and-menus-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-nav-item-and-menus-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);
--app-components-alert-frame-large-flip-padding: var(
--app-components-badge-border-radius
);
--app-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-nav-item-and-menus-padding-horizonal-list-item: 12px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item: 0px;
--ui-components-radio-button-margin: var(
--global-size-spacing-nav-item-and-menus-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: 0px;
--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: 0px;
--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: 0px;
--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-weight: 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-input-fields-text-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-text-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-text-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-text-input-field-label-spacing: 8px;
--ui-components-input-fields-text-input-field-padding-vertical: 4px;
--ui-components-input-fields-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-input-fields-text-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-text-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-text-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-text-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--ui-components-input-fields-text-input-field-stroke-weight: 1px;
--ui-components-toggle-button-toggle-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-toggle-button-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-toggle-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-toggle-button-item-label-spacing: 8px;
--ui-components-toggle-button-toggle-button-item-padding-horizontal: 4px;
--ui-components-toggle-button-toggle-button-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-toggle-button-toggle-button-item-description-spacing: 0px;
--ui-components-input-fields-text-input-field-padding-horizontal: 8px;
--ui-components-input-fields-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-input-fields-text-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-text-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-text-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-text-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-text-input-field-padding-right: var(
--input-field-padding-right
);
--ui-components-input-fields-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-nav-item-and-menus-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: 32px;
--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-nav-item-and-menus-margin-vertical-context-menu: 4px;
--ui-components-context-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--ui-components-checkbox-margin: var(
--global-size-spacing-nav-item-and-menus-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-ui-button-two-line-font-size: var(--font-size-075);
--global-typography-ui-button-two-line-line-height: var(--line-height-050);
--global-typography-ui-button-two-line-font-weight: var(--font-weight-bold);
--global-typography-ui-button-two-line-letter-spacing: 0.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: 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-toggle-button-icon-toggle-button-horizontal-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-label-spacing-hug: 8px;
--ui-components-toggle-button-icon-toggle-button-horizontal-item-border-radius: var(
--global-border-radius-border-radius-base
);
--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-value-thumb-height: 32px;
--ui-components-slider-value-thumb-width: 48px;
--ui-components-slider-value-track-height: 32px;
--ui-components-slider-indicator-thumb-height: 12px;
--ui-components-slider-indicator-thumb-width: 12px;
--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: 4px;
--app-components-badge-icon-size-flat: 16px;
--app-components-badge-icon-size-flat-border-weight: 1px;
--ui-components-elevated-card-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-keyboard-nummeric-action-button-width: 104px;
--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: 0px;
--app-components-clock-colon-size: 2px;
--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-item-padding-counter-right: 2px;
--app-components-alert-button-item-counter-spacing: 2px;
--app-components-topbar-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-topbar-message-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-topbar-message-item-label-spacing: 8px;
--app-components-topbar-message-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-topbar-message-item-touch-target-size-tall: var(
--app-components-topbar-touch-target-tall
);
--app-components-topbar-message-item-visual-target-size-tall: 56px;
--app-components-topbar-message-item-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-topbar-message-item-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-topbar-message-item-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-topbar-message-item-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-topbar-message-item-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-topbar-message-item-stroke-weight: 1px;
--app-components-topbar-message-item-stroke-weight-left: var(
--notification-message-stroke-weight-left
);
--app-components-topbar-message-item-stroke-weight-top: var(
--notification-message-stroke-weight-top
);
--app-components-topbar-message-item-stroke-weight-right: var(
--notification-message-stroke-weight-right
);
--app-components-topbar-message-item-stroke-weight-bottom: var(
--notification-message-stroke-weight-bottom
);
--app-components-topbar-message-item-padding-horizontal: 8px;
--app-components-topbar-message-item-label-padding: 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
);
--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(
--global-border-radius-border-radius-base
);
--ui-components-chip-label-spacing: 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-touch-target-tall: 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-nav-item-and-menus-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: 16px;
--ui-components-accordion-item-border-radius: var(--border-radius-br-0);
--ui-components-accordion-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-height-active-tab: 2px;
--ui-components-toggle-switch-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-menu-item-padding-horizontal-right: 8px;
--menu-navigation-components-table-item-padding-top-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
);
--app-components-badge-icon-size-large: 20px;
--app-components-badge-label-spacing-large: 2px;
--app-components-notification-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-menu-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-menu-item-label-spacing: 8px;
--app-components-notification-menu-item-padding-horizontal: var(
--app-components-alert-menu-item-padding-horizontal-left
);
--app-components-notification-menu-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--menu-navigation-components-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-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-vertical: 8px;
--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: 64px;
--app-components-alert-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-menu-item-label-spacing: 8px;
--app-components-alert-menu-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-menu-item-button-size: 88px;
--app-components-alert-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-alert-menu-item-padding-vertical: 8px;
--app-components-alert-menu-item-chevron-container-size: 32px;
--ui-components-slider-regular-tick-height: 6px;
--ui-components-slider-discrete-leading-icon-padding: 8px;
--app-components-notification-menu-item-padding-vertical: 4px;
--ui-components-slider-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-slider-thumb-border-radius: var(
--global-border-radius-border-radius-round
);
--app-components-floating-message-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--global-size-spacing-icon-icon-size-large: 32px;
--app-components-floating-message-item-label-spacing: 8px;
--app-components-floating-message-item-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-floating-message-item-padding-horizontal-left: 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: 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-menu-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-value-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: 36px;
--ui-components-user-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-user-button-label-spacing: 0px;
--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-item-min-width: var(
--global-size-spacing-touch-target-min
);
--app-components-badge-min-size-large: 24px;
--ui-components-context-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-list-item
);
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu: 4px;
--menu-navigation-components-navigation-item-margin-horizontal-list-item: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item
);
--app-components-alert-menu-item-icon-spacing: 4px;
--menu-navigation-components-table-item-icon-spacing: 4px;
--global-size-spacing-nav-item-and-menus-margin-vertical-menu: 16px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu: 16px;
--global-size-spacing-icon-n: 0px;
--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-nav-item-and-menus-margin-horizontal-menu
);
--app-components-dimming-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-regular: 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: 0px;
--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-horizontal-stack: 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-nav-item-and-menus-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-notification-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu
);
--app-components-system-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-output-height: 24px;
--ui-components-audio-output-width: 12px;
--ui-components-audio-output-spacing: 8px;
--menu-navigation-components-date-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--menu-navigation-components-date-item-padding-horizontal: 8px;
--menu-navigation-components-date-item-padding-bottom: 8px;
--menu-navigation-components-date-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-date-item-border-radius: var(
--global-border-radius-border-radius-base
);
--menu-navigation-components-date-item-indicator-size: 6px;
--menu-navigation-components-date-item-indicator-spacing: 2px;
--menu-navigation-components-date-item-vertical-spacing: 4px;
--menu-navigation-components-appointment-item-margin-horizontal: 16px;
--menu-navigation-components-appointment-item-padding-vertical: 4px;
--menu-navigation-components-appointment-item-margin-vertical-bottom: 16px;
--menu-navigation-components-appointment-item-label-spacing: 8px;
--menu-navigation-components-date-item-indicator-padding: 3px;
--menu-navigation-components-calendar-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--menu-navigation-components-calendar-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-navigation-menu-footer-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-footer-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-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-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-nav-item-and-menus-margin-vertical-menu
);
--app-components-command-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-padding-horizontal-icon: 8px;
--menu-navigation-components-table-header-item-padding-horizontal: 8px;
--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: 0px;
--app-components-navigation-menu-sub-page-padding-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-sub-page-padding-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-breadcrumbs-padding-horizontal: 0px;
--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
);
--ui-components-rich-button-padding-vertical-small: 4px;
--ui-components-context-menu-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--number: 0px;
--ui-components-elevated-card-touch-target-min: 64px;
--app-components-modal-label-spacing: 8px;
--app-components-modal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-table-header-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--menu-navigation-components-table-header-row-first-column-width: 320px;
--menu-navigation-components-table-header-item-margin-horizontal: 4px;
--menu-navigation-components-scroll-bar-padding: 4px;
--menu-navigation-components-table-item-button-spacing: 8px;
--global-typography-instrument-label-font-size: 11.5px;
--global-typography-instrument-label-font-weight: var(--font-weight-semibold);
--global-typography-instrument-label-line-height: var(--line-height-075);
--global-typography-instrument-unit-font-size: 11.5px;
--global-typography-instrument-unit-font-weight: var(--font-weight-regular);
--global-typography-instrument-unit-line-height: var(--line-height-075);
--global-typography-instrument-value-large-container-height: 32px;
--global-typography-instrument-value-large-font-size: 34px;
--global-typography-instrument-value-large-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-large-line-height: 32px;
--global-typography-instrument-value-regular-font-size: 16px;
--global-typography-instrument-value-regular-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-regular-line-height: 20px;
--global-typography-instrument-value-small-font-size: 11.5px;
--global-typography-instrument-value-small-font-weight-active: var(
--font-weight-bold
);
--global-typography-instrument-value-small-line-height: 16px;
--global-typography-font-family: var(--font-family-main);
--global-typography-instrument-tick-mark-font-size: var(--font-size-075);
--global-typography-instrument-tick-mark-font-weight: var(
--font-weight-regular
);
--global-typography-instrument-tick-mark-line-height: var(--line-height-075);
--global-typography-instrument-tick-mark-active-font-size: var(
--font-size-075
);
--global-typography-instrument-tick-mark-active-font-weight: var(
--font-weight-bold
);
--global-typography-instrument-tick-mark-active-line-height: var(
--line-height-075
);
--instrument-components-advice-indicator-margin-indicator-margin: 2px;
--instrument-components-advice-indicator-margin-indicator-margin-condenced: 2px;
--instrument-components-advice-indicator-margin-indicator-margin-none: 2px;
--instrument-components-advice-indicator-margin-indicator-margin-regular: 2px;
--instrument-components-advice-indicator-optional-padding: 4px;
--instrument-components-advice-indicator-padding-indicator-padding: var(
--advice-indicator-padding
);
--instrument-components-advice-indicator-padding-indicator-padding-condenced: 2px;
--instrument-components-advice-indicator-padding-indicator-padding-none: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-regular: 2px;
--instrument-components-advice-indicator-indicator-point-stroke-thickness: 1px;
--instrument-components-advice-indicator-indicator-thickness-alert: 2px;
--instrument-components-advice-indicator-indicator-thickness-enhanced: 8px;
--instrument-components-advice-indicator-indicator-thickness-regular: 4px;
--infographic-components-bar-chart-bar-border-radius: 2px;
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-left: var(
--bar-chart-bar-horizontal-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-right: var(
--bar-chart-bar-horizontal-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-left: var(
--bar-chart-bar-horizontal-border-radius-top-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-right: var(
--bar-chart-bar-horizontal-border-radius-top-right
);
--infographic-components-bar-chart-bar-horizontal-padding-left: var(
--bar-chart-bar-horizontal-padding-left
);
--infographic-components-bar-chart-bar-horizontal-padding-right: var(
--bar-chart-bar-horizontal-padding-right
);
--infographic-components-bar-chart-bar-padding: 1px;
--infographic-components-bar-chart-bar-spacing: 1px;
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-left: var(
--bar-chart-bar-vertical-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-right: var(
--bar-chart-bar-vertical-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-left: var(
--bar-chart-bar-vertical-border-radius-top-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-right: var(
--bar-chart-bar-vertical-border-radius-top-right
);
--infographic-components-bar-chart-bar-vertical-padding-bottom: var(
--bar-chart-bar-vertical-padding-bottom
);
--infographic-components-bar-chart-bar-vertical-padding-top: var(
--bar-chart-bar-vertical-padding-top
);
--infographic-components-bar-bar-border-radius: 4px;
--infographic-components-bar-bar-border-radius-bottom-left: var(
--bar-meter-border-radius-bottom-left
);
--infographic-components-bar-bar-border-radius-bottom-right: var(
--bar-meter-border-radius-bottom-right
);
--infographic-components-bar-bar-border-radius-top-left: var(
--bar-meter-border-radius-top-left
);
--infographic-components-bar-bar-border-radius-top-right: var(
--bar-meter-border-radius-top-right
);
--infographic-components-donut-chart-diviter-border-size: 1px;
--infographic-components-grouped-bar-min-width: 8px;
--infographic-components-grouped-bar-padding-horizontal: 2px;
--infographic-components-histogram-bar-column-padding: 2px;
--infographic-components-histogram-bar-min-width: 8px;
--infographic-components-trend-bar-width: 12px;
--icon-size: 24px;
--instrument-components-input-baseline-padding: 4px;
--instrument-components-input-icon-container-size: 12px;
--instrument-components-input-icon-size: 24px;
--instrument-components-input-icon-size-condenced: 16px;
--instrument-components-input-icon-size-indicator: 24px;
--instrument-components-input-icon-size-none: 24px;
--instrument-components-input-icon-size-regular: 24px;
--instrument-components-output-pointer-size: 6px;
--instrument-components-output-pointer-stroke-width: 1px;
--instrument-components-output-trend-bar-width: 8px;
--instrument-components-readout-button-height: 32px;
--instrument-components-readout-demo-3: 24px;
--instrument-components-readout-divider-height-regular: 24px;
--instrument-components-readout-divider-height-small: 12px;
--instrument-components-readout-enhanced-line-height: 36px;
--instrument-components-readout-horizontal-regular-label-padding: 0px;
--instrument-components-readout-icon-spacing: 4px;
--instrument-components-readout-icon-icon-size-enhanced: 24px;
--instrument-components-readout-icon-icon-size-regular: 16px;
--instrument-components-readout-icon-icon-size-small: 12px;
--instrument-components-readout-label-unit-padding: 0px;
--instrument-components-readout-label-unit-spacing: 0px;
--instrument-components-readout-padding-horizontal: 4px;
--instrument-components-readout-padding-vertical: 2px;
--instrument-components-readout-touch-target: 48px;
--instrument-components-readout-vertical-input-vertical-frame-padding: 2px;
--instrument-components-readout-vertical-input-vertical-padding: 4px;
--instrument-components-stroke-alarm-stroke-width: 4px;
--instrument-components-stroke-target-stroke-width: 2px;
--instrument-components-watchface-label-container-height: 16px;
--instrument-components-watchface-label-container-padding: 4px;
--instrument-components-watchface-label-size: "Small";
--instrument-components-watchface-label-spacing: 2px;
--instrument-components-watchface-label-container-height: 24px;
--instrument-components-watchface-label-container-size: 20px;
--instrument-components-watchface-label-container-size-1: 16px;
--instrument-components-watchface-label-container-size-2: 16px;
--instrument-components-watchface-label-container-size-3: 28px;
--instrument-components-watchface-label-container-size-4: 32px;
--instrument-components-watchface-label-container-size-rotating: var(
--watchface-label-container-width
);
--instrument-components-watchface-label-horizontal-padding: 2px;
--instrument-components-watchface-label-icon-size: 16px;
--instrument-components-watchface-label-vertical-padding: 4px;
--instrument-components-watchface-scale-margin: var(--scale-margin);
--instrument-components-watchface-scale-margin-condenced: 6px;
--instrument-components-watchface-scale-margin-indication: 0px;
--instrument-components-watchface-scale-margin-regular: 10px;
--instrument-components-watchface-scale-padding: var(--scale-padding);
--instrument-components-watchface-scale-padding-condenced: 2px;
--instrument-components-watchface-scale-padding-none: 2px;
--instrument-components-watchface-scale-padding-regular: 2px;
--instrument-components-watchface-scale-size: var(--scale-size);
--instrument-components-watchface-scale-size-condeced: 8px;
--instrument-components-watchface-scale-size-framed-regular: 12px;
--instrument-components-watchface-scale-size-indication: 6px;
--instrument-components-watchface-scale-size-none: 0px;
--instrument-components-watchface-scale-size-regular: 12px;
--instrument-components-watchface-tick-marks-length-main: var(
--tick-mark-main
);
--instrument-components-watchface-tick-marks-length-main-condenced: 8px;
--instrument-components-watchface-tick-marks-length-main-none: 6px;
--instrument-components-watchface-tick-marks-length-main-regular: 12px;
--instrument-components-watchface-tick-marks-length-primary: var(
--tick-mark-primary
);
--instrument-components-watchface-tick-marks-length-primary-condenced: 6px;
--instrument-components-watchface-tick-marks-length-primary-none: 0px;
--instrument-components-watchface-tick-marks-length-primary-regular: 10px;
--instrument-components-watchface-tick-marks-length-secondary: var(
--tick-mark-secondary
);
--instrument-components-watchface-tick-marks-length-secondary-condenced: 2px;
--instrument-components-watchface-tick-marks-length-secondary-none: 2px;
--instrument-components-watchface-tick-marks-length-secondary-regular: 4px;
--instrument-components-watchface-tick-marks-length-tertiary: var(
--tick-mark-tertiary
);
--instrument-components-watchface-tick-marks-length-tertiary-condenced: 0px;
--instrument-components-watchface-tick-marks-length-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-length-tertiary-regular: 0px;
--instrument-components-demo: 0px;
--app-components-user-menu-label-spacing: 8px;
--app-components-topbar-message-item-tall-padding-vertical: 4px;
--app-components-alert-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-button-item-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-alert-button-item-padding-horizontal: 4px;
--app-components-alert-counter-item-badge-spacing: 4px;
--app-components-alert-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-advice-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-advice-button-stack-spacing: 8px;
--app-components-advice-button-margin-horizontal: 8px;
--app-components-advice-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-advice-button-counter-spacing: 2px;
--app-components-advice-button-padding-horizontal: 4px;
--app-components-notification-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-message-item-stack-spacing: 8px;
--app-components-notification-button-padding-horizontal: 4px;
--app-components-notification-button-counter-spacing: 2px;
--app-components-notification-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-topbar-message-item-cta-button-width: 64px;
--app-components-topbar-message-item-icon-spacing: 4px;
--app-components-alert-button-tall-padding-vertical: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-notification-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-advice-message-item-stack-spacing: 8px;
--app-components-advice-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-alert-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-alert-menu-item-margin-vertical: 4px;
--app-components-alert-menu-footer-padding-horizontal: 16px;
--app-components-alert-menu-footer-container-height: 72px;
--app-components-alert-menu-item-padding-horizontal-left: 16px;
--app-components-alert-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-alert-table-row-nesting-spacer: 36px;
--app-components-alert-table-row-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-table-row-ack-container-width-regular: 128px;
--app-components-alert-table-row-ack-container-width-small: 80px;
--app-components-alert-info-alert-detail-card-widt: 400px;
--app-components-alert-info-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-info-label-spacing: 8px;
--app-components-alert-info-icon-spacing: 4px;
--app-components-alert-info-max-height-graphic-readout: 240px;
--app-components-alert-toolbar-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-toolbar-label-spacing: 8px;
--app-components-alert-toolbar-icon-spacing: 4px;
--app-components-alert-toolbar-toggle-button-width: 360px;
--app-components-alert-toolbar-margin-horizontal: 16px;
--app-components-alert-info-margin-horizontal-card: 16px;
--app-components-alert-info-margin-horizontal-modal: 24px;
--app-components-alert-info-margin-vertical-modal: 16px;
--app-components-alert-info-margin-vertical-card: 16px;
--app-components-alert-info-info-spacing: 16px;
--app-components-alert-table-row-cell-width-small: 64px;
--app-components-alert-table-row-cell-width-medium: 128px;
--app-components-alert-table-row-cell-width-large: 240px;
--app-components-topbar-message-item-width: 640px;
--app-components-alert-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-floating-message-item-padding-vertical-single: 8px;
--app-components-floating-message-item-padding-vertical-text-container: 4px;
--app-components-floating-message-item-padding-horizontal-right: 8px;
--app-components-floating-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-floating-message-item-icon-container-width: 40px;
--app-components-topbar-padding-double: 12px;
--app-components-alert-details-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-details-label-spacing: 4px;
--app-components-notification-menu-component-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-padding-vertical: 8px;
--app-components-advice-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-advice-menu-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-advice-menu-footer-container-height: 64px;
--app-components-advice-menu-footer-padding-horizontal: 8px;
--app-components-alert-menu-button-spacing: 8px;
--maneuvering-components-poi-button-border-radius-round: var(
--border-radius-br-round
);
--maneuvering-components-poi-button-touch-target: 48px;
--maneuvering-components-poi-button-visual-target-round: 36px;
--maneuvering-components-poi-line-regular-foreground-stroke-width: 1px;
--maneuvering-components-poi-line-regular-background-stroke-width: 1px;
--maneuvering-components-poi-line-active-foreground-stroke-width: 1.5px;
--maneuvering-components-poi-line-active-background-stroke-width: 2px;
--maneuvering-components-poi-line-regular-mask-stroke-width: 8px;
--maneuvering-components-poi-line-active-mask-stroke-width: 8px;
--app-components-alert-table-row-cell-width-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-info-button-spacing: 8px;
--app-components-alert-info-padding-action-container: 8px;
--app-components-clock-colon-stroke-size: 1px;
--app-components-alert-button-2-digits-fixed-width: 56px;
--app-components-alert-button-fill-min-width: 128px;
--app-components-alert-button-touch-target-min: 56px;
--app-components-alert-button-padding-horizontal: 8px;
--app-components-message-menu-item-icon-size-regular: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-message-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-message-menu-item-label-spacing: 8px;
--app-components-message-menu-item-padding-vertical-8: 8px;
--app-components-message-menu-item-icon-spacing: 4px;
--app-components-message-menu-item-icon-container-padding-vertical: 4px;
--app-components-message-menu-item-padding-vertical-4: 4px;
--app-components-message-menu-item-padding-vertical-12: 12px;
--app-components-message-menu-item-padding-horizontal: 16px;
--app-components-advice-menu-title-containet-height: 64px;
--app-components-notification-menu-footer-container-height: 64px;
--maneuvering-components-poi-button-visual-target-square: 32px;
--maneuvering-components-poi-id-tag-min-size: 16px;
--maneuvering-components-poi-button-large-touch-target: 64px;
--maneuvering-components-poi-button-large-visual-target-round: 52px;
--maneuvering-components-poi-button-large-visual-target-round-overlap: 36px;
--maneuvering-components-poi-button-large-visual-target-square: 48px;
--maneuvering-components-poi-id-tag-container-height: 8px;
--maneuvering-components-poi-button-overlap-offset-padding: 8px;
--maneuvering-components-poi-button-visual-target-round-overlap: 32px;
--maneuvering-components-poi-button-indicator-overlap-padding: 12px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-size: 32px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-gap: 16px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-alert-gap: 24px;
--ui-components-toggletip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggletip-label-spacing: 8px;
--ui-components-toggletip-content-padding-horizontal: 16px;
--ui-components-toggletip-content-padding-vertical: 8px;
--ui-components-toggletip-content-spacing-vertical: 16px;
--ui-components-toggletip-header-padding-horizontal-left: 16px;
--ui-components-toggletip-header-padding-horizontal-right: 8px;
--ui-components-toggletip-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-tooltip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tooltip-size: 32px;
--ui-components-tooltip-label-spacing: 8px;
--ui-components-tooltip-border-radius: 4px;
--ui-components-tooltip-padding-vertical: 8px;
--ui-components-toggletip-header-padding-vertical-top: 8px;
--ui-components-toggletip-stroke-weight: 2px;
--ui-components-toggletip-pointer-width: 20px;
--ui-components-toggletip-pointer-height: 12px;
--ui-components-toggletip-button-spacing: 8px;
--ui-components-toggletip-header-padding-vertical-bottom: var(
--ui-components-toggletip-header-padding-vertical-top
);
--maneuvering-components-poi-selection-frame-button-selection-frame-gap: 24px;
--maneuvering-components-poi-selection-frame-button-selection-frame-gap-alert: 28px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap: 36px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap-alert: 38px;
--maneuvering-components-poi-button-indicator-icon-border-filled: 1.5px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-padding: 8px;
--infographic-components-legend-item-checkbox-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-padding-horizontal: 8px;
--infographic-components-legend-item-checkbox-padding-horizontal: var(
--ui-components-checkbox-padding-horizontal
);
--infographic-components-legend-item-checkbox-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-indicator-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-horizontal: 8px;
--infographic-components-legend-item-button-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-vertical: 4px;
--infographic-components-legend-item-indicator-padding-vertical: 4px;
--infographic-components-legend-item-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-border-radius: 2px;
--infographic-components-legend-item-checkbox-border-radius: var(
--ui-components-checkbox-border-radius
);
--infographic-components-legend-item-button-border-radius: var(
--global-border-radius-border-radius-base
);
--infographic-components-legend-item-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--infographic-components-legend-item-checkbox-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-checkbox-visual-target-size: var(
--global-size-spacing-selection-size-min
);
--infographic-components-legend-spacing-vertical: 4px;
--infographic-components-legend-spacing-horizontal: 8px;
--infographic-components-legend-item-indicator-visual-target-size: 16px;
--app-components-alert-frame-stroke-width-thick: 4px;
--app-components-alert-frame-stroke-width-thin: 2px;
--app-components-alert-frame-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-alert-frame-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-alert-frame-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-alert-frame-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-alert-frame-small-flip-padding-horizontal: 2px;
--app-components-alert-frame-small-flip-padding-vertical: 2px;
--app-components-alert-frame-small-flip-spacing: 2px;
--app-components-alert-frame-large-flip-spacing: 4px;
--app-components-alert-frame-large-flip-2px-padding-horizontal: 3px;
--maneuvering-components-poi-button-icon-size: 24px;
--maneuvering-components-poi-button-large-icon-size: 36px;
--app-components-topbar-margin-global-wide-left: 8px;
--ui-components-card-leading-icon-size: 16px;
--ui-components-card-padding: 8px;
--ui-components-card-heading-container-height: 32px;
--ui-components-card-gap: 4px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-slider-regular-thumb-border-width: 2px;
--ui-components-slider-icon-margin: 4px;
--ui-components-slider-content-padding: 4px;
--ui-components-slider-enhanced-thumb-border-size: 4px;
--ui-components-slider-icon-thumb-height: 32px;
--ui-components-slider-icon-thumb-width: 32px;
--ui-components-slider-icon-icon-container-width: 24px;
--ui-components-slider-icon-track-height: 32px;
--ui-components-slider-indicator-thumb-border-width: 4px;
--ui-components-slider-regular-track-min-padding: 20px;
--ui-components-slider-regular-range-track-min-padding: 40px;
--ui-components-slider-icon-track-min-padding: 8px;
--ui-components-slider-value-track-min-padding: 8px;
--ui-components-slider-icon-track-min-padding-2: 8px;
--ui-components-slider-indicator-track-min-padding: 4px;
--instrument-components-watchface-frame-main-thickness: var(
--frame-thickness
);
--instrument-components-watchface-frame-main-outer-margin: var(
--frame-outer-margin
);
--instrument-components-watchface-number: 0px;
--instrument-components-watchface-frame-main-track-thickness: var(
--instrument-components-watchface-frame-regular-track-thickness
);
--instrument-components-watchface-frame-main-border-radius: var(
--frame-border-radius
);
--instrument-components-watchface-frame-main-double-thickness: var(
--frame-double-thickness
);
--instrument-components-watchface-frame-main-track-size: var(
--frame-track-size
);
--instrument-components-compass-icon-size: 24px;
--instrument-components-compass-icon-margin: 14px;
--maneuvering-components-poi-selection-frame-border-width: 1.5px;
--maneuvering-components-poi-selection-frame-border-radius: 2px;
--ui-components-accordion-padding-vertical-large: 16px;
--ui-components-accordion-min-height-large: 72px;
--ui-components-accordion-min-height-regular: 48px;
--maneuvering-components-poi-selection-frame-size: 0px;
--maneuvering-components-poi-pointer-pointer-size: 0px;
--app-components-floating-message-item-component-width: 640px;
--app-components-floating-message-item-icon-container-height: 48px;
--app-components-floating-message-item-max-height-text-container: 192px;
--ui-components-icon-button-enhanced-padding-vertical: 8px;
--ui-components-icon-button-enhanced-label-container-width-min: var(
--ui-components-icon-button-enhanced-component-max-size
);
--ui-components-icon-button-enhanced-component-max-size: 56px;
--ui-components-icon-button-enhanced-component-min-size: 48px;
--ui-components-toggle-button-toggle-button-item-vertical-divider-container-padding: 8px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-divider-container-padding-horizontal: 8px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-label-container-width-min: var(
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-padding-vertical: 8px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size: 56px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-min-size: 48px;
--ui-components-rich-button-width-max-horizontal: 240px;
--ui-components-rich-button-width-max-vertical: 128px;
--menu-navigation-components-navigation-item-label-container-padding-right: 24px;
--menu-navigation-components-tab-item-min-width: 48px;
--menu-navigation-components-tab-item-max-width: 320px;
--ui-components-accordion-item-expanded-frame-padding: 16px;
--ui-components-slide-button-padding-vertical: 4px;
--automation-components-typography-value-regular-font-size: var(
--font-size-100
);
--automation-components-readout-item-small-icon-size: 12px;
--automation-components-typography-value-regular-font-weight: var(
--font-weight-bold
);
--automation-components-typography-value-small-font-size: var(
--font-size-075
);
--automation-components-typography-value-small-font-weight: var(
--font-weight-bold
);
--automation-components-badge-badge-size: 12px;
--ui-components-input-fields-number-input-field-unit-container-padding-left: 4px;
--ui-components-user-button-stack-gap: -8px;
--automation-components-typography-unit-small-font-size: var(--font-size-075);
--automation-components-typography-unit-small-font-weight: var(
--font-weight-regular
);
--automation-components-typography-label-font-size: var(--font-size-075);
--automation-components-typography-label-line-height: var(--line-height-075);
--automation-components-typography-label-font-weight: var(
--typography-font-weight-regular
);
--automation-components-button-progress-bar-size: 36px;
--automation-components-typography-value-enhanced-font-size: var(
--font-size-250
);
--automation-components-typography-value-enhanced-font-weight: var(
--font-weight-semibold
);
--automation-components-typography-value-enhanced-container-height: 40px;
--maneuvering-components-poi-button-icon-size-overlap: 16px;
--maneuvering-components-poi-button-border-radius-square: var(
--border-radius-br-6
);
--maneuvering-components-poi-button-data-padding-vertical: 4px;
--maneuvering-components-poi-button-data-gap: 4px;
--maneuvering-components-poi-button-large-visual-target-square-overlap: 40px;
--maneuvering-components-poi-button-large-icon-size-overlap: 24px;
--maneuvering-components-poi-button-overlap-offset-margin-round: 6px;
--maneuvering-components-poi-button-large-dynamic-icon-container-size: 48px;
--maneuvering-components-poi-button-large-icon-indicator-size: 12px;
--maneuvering-components-poi-button-visual-target-square-overlap: 28px;
--maneuvering-components-poi-indicator-sector-border-width: 4px;
--maneuvering-components-poi-indicator-sector-border-gap: 4px;
--maneuvering-components-poi-indicator-sector-diameter: 36px;
--ui-components-tooltip-pointer-width: 12px;
--ui-components-tooltip-pointer-height: 6px;
--maneuvering-components-poi-button-instrument-alert-frame-size: 40px;
--maneuvering-components-poi-button-location-margin-bottom: 4px;
--maneuvering-components-poi-button-location-border-radius-round: 36px;
--maneuvering-components-poi-button-location-border-radius-sharp: 4px;
--maneuvering-components-poi-button-location-indicator-frame-size: 20px;
--maneuvering-components-poi-button-location-indicator-mark-size: 10px;
--maneuvering-components-poi-button-location-margin-bottom-indicator: 2px;
--maneuvering-components-poi-button-indicator-icon-border-single: 2px;
--automation-components-readout-item-regular-icon-size: 16px;
--automation-components-readout-item-enhanced-icon-size: 24px;
--automation-components-typography-unit-regular-font-size: var(
--font-size-100
);
--automation-components-typography-unit-regular-font-weight: var(
--font-weight-regular
);
--automation-components-typography-unit-enhanced-font-size: var(
--font-size-100
);
--automation-components-typography-unit-enhanced-font-weight: var(
--font-weight-regular
);
--maneuvering-components-poi-button-location-visual-target-size: 36px;
--maneuvering-components-poi-button-location-inner-container-size: 32px;
--maneuvering-components-poi-button-location-visual-target-size-indicator: 20px;
--maneuvering-components-poi-button-location-inner-container-size-indicator: 8px;
--maneuvering-components-poi-button-indicator-vessel-speed-border-width: 1.5px;
--automation-components-readout-id-tag-vertical-spacer: 2px;
--automation-components-readout-state-container-padding: 4px;
--automation-components-readout-item-small-value-padding: 2px;
--automation-components-readout-item-regular-value-padding: 2px;
--automation-components-readout-item-regular-icon-padding: 2px;
--automation-components-readout-item-small-icon-padding: 2px;
--automation-components-readout-item-enhanced-icon-padding: 2px;
--automation-components-readout-item-enhanced-value-padding: 2px;
--maneuvering-components-poi-group-touch-target: 48px;
--maneuvering-components-poi-group-padding-unchecked-horizontal: 4px;
--maneuvering-components-poi-group-padding-unchecked-top: 6px;
--maneuvering-components-poi-group-padding-unchecked-bottom: 2px;
--maneuvering-components-poi-group-border-radius-round: 48px;
--maneuvering-components-poi-group-border-radius-square: 6px;
--maneuvering-components-poi-group-border-radius-expanded: 12px;
--maneuvering-components-poi-ruler-button-border-radius: 6px;
--maneuvering-components-poi-ruler-button-visual-target: 32px;
--maneuvering-components-poi-ruler-indicator-border-radius: 6px;
--maneuvering-components-poi-ruler-indicator-visual-target: 16px;
--maneuvering-components-poi-ruler-indicator-padding-horizontal: 4px;
--maneuvering-components-poi-ruler-button-padding-horizontal: 8px;
--maneuvering-components-poi-ruler-button-touch-target: 48px;
--maneuvering-components-poi-ruler-indicator-label-spacing: 2px;
--maneuvering-components-poi-ruler-indicator-min-width: 48px;
--automation-components-tanks-regular-badge-padding-horizontal: 4px;
--automation-components-tanks-regular-badge-padding-vertical: 4px;
--automation-components-tanks-regular-content-area-graph-padding: 0px;
--automation-components-button-visual-target-round: 36px;
--automation-components-tanks-regular-value-padding: 2px;
--maneuvering-components-poi-line-ruler-foreground-stroke-width: 2px;
--maneuvering-components-poi-line-ruler-background-stroke-width: 2px;
--maneuvering-components-poi-line-ruler-mask-stroke-width: 8px;
--automation-components-tanks-graphs-advice-indicator-right-padding: 10px;
--maneuvering-components-poi-button-people-touch-target: 48px;
--maneuvering-components-poi-button-people-visual-target-width-remote: 36px;
--maneuvering-components-poi-button-people-visual-target-height-remote: 28px;
--automation-components-tanks-graphs-advice-area-right-padding: 4px;
--automation-components-tanks-graphs-advice-with-icon-right-padding: 34px;
--app-components-media-video-card-border-radius: 6px;
--app-components-media-video-container-padding: 4px;
--app-components-media-video-container-gap: 4px;
--app-components-media-video-card-header-height: 32px;
--app-components-media-video-card-header-padding-horizontal: 8px;
--app-components-media-video-card-header-divider-height: 16px;
--app-components-media-video-card-header-active-padding-horizontal: 16px;
--app-components-media-video-card-active-border-thickness: 4px;
--automation-components-tanks-graphs-advice-detailed-right-padding: 58px;
--automation-components-tanks-graphs-graph-icon-size: 32px;
--automation-components-tanks-graphs-icon-area-padding: 12px;
--automation-components-tanks-graphs-icon-indicator-padding: 20px;
--automation-components-tanks-graphs-icon-indicator-w-icon-padding: 44px;
--automation-components-tanks-graphs-icon-detailed-padding: 66px;
--automation-components-tanks-large-content-area-padding: 4px;
--automation-components-tanks-border-radius: var(
--global-size-spacing-state-container-border-radius
);
--automation-components-tanks-large-value-padding-horizontal: 4px;
--automation-components-tanks-large-badge-padding-vertical: 8px;
--automation-components-tanks-large-badge-padding-horizontal: 4px;
--automation-components-tanks-large-value-paddin-vertical: 8px;
--automation-components-tanks-state-container-padding: 4px;
--automation-components-typography-value-regular-container-height: 20px;
--automation-components-typography-value-small-container-height: 16px;
--instrument-components-compass-arrow-head-width-1: 56px;
--instrument-components-compass-arrow-head-height-1: 32px;
--instrument-components-watchface-label-spacer-size: 24px;
--automation-components-button-state-container-padding: 4px;
--automation-components-tanks-state-container-padding-2: 4px;
--automation-components-readout-item-small-border-radius: 2px;
--automation-components-readout-item-regular-border-radius: 2px;
--automation-components-readout-item-enhanced-border-radius: 4px;
--automation-components-tanks-specialty-tanks-icon-container-size: 32px;
--automation-components-tanks-specialty-tanks-icon-size: 24px;
--automation-components-tanks-specialty-tanks-content-padding: 4px;
--automation-components-tanks-specialty-tanks-divider-width: 4px;
--ui-components-input-fields-rich-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-message-input-field-border-radius: var(
--global-border-radius-border-radius-floating
);
--ui-components-input-fields-number-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-number-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-number-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-number-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-number-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--automation-components-tanks-graphs-advice-detailed-padding: 4px;
--automation-components-tanks-graphs-advice-with-icon-padding: 4px;
--automation-components-tanks-graphs-advice-indicator-padding: 4px;
--automation-components-tanks-graphs-advice-area-padding: 4px;
--automation-components-tanks-regular-content-area-static-padding: 4px;
--automation-components-tanks-large-content-area-padding-top: 0px;
--menu-navigation-components-tab-action-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-tab-action-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-tab-action-button-label-spacing: 8px;
--menu-navigation-components-tab-action-button-divider-height: 24px;
--menu-navigation-components-tab-action-button-padding-horizontal: 16px;
--ui-components-input-fields-rich-input-field-label-spacing: 8px;
--ui-components-input-fields-rich-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-rich-input-field-padding-horizontal: 8px;
--ui-components-input-fields-rich-input-field-padding-vertical: 8px;
--ui-components-input-fields-number-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-number-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-number-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-number-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-number-input-field-stroke-weight: 1px;
--menu-navigation-components-table-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--instrument-components-advice-indicator-indicator-tick-mark-padding: 8px;
--ui-components-communication-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-communication-item-notification-dot-size: 6px;
--ui-components-communication-item-notification-dot-padding: 6px;
--ui-components-communication-item-padding-horizontal: var(
--global-size-spacing-list-item-padding-horizontal
);
--ui-components-communication-item-padding-vertical: var(
--global-size-spacing-list-item-padding-vertical
);
--ui-components-communication-item-label-spacing-description: 4px;
--ui-components-communication-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-text-input-field-required-dot-size: 6px;
--ui-components-input-fields-text-input-field-required-dot-spacer: 4px;
--ui-components-input-fields-text-input-field-vertical-spacer: 4px;
--ui-components-input-fields-text-input-field-visual-size-large: 48px;
--ui-components-input-fields-rich-input-field-vertical-spacer: 4px;
--ui-components-input-fields-number-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-number-input-field-visual-size-large: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-padding-vertical: 4px;
--ui-components-input-fields-number-input-field-vertical-spacer: 4px;
--instrument-components-watchface-label-margin-size: var(
--watchface-label-margin-size
);
--instrument-components-watchface-label-margin-size-1: 24px;
--instrument-components-watchface-label-margin-size-2: 32px;
--instrument-components-watchface-label-margin-size-3: 48px;
--instrument-components-watchface-label-margin-size-4: 56px;
--ui-components-tag-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--ui-components-tag-label-spacing: 4px;
--ui-components-tag-padding-horizontal: 6px;
--ui-components-tag-visual-target: 24px;
--ui-components-tag-border-radius: var(
--global-border-radius-border-radius-tag
);
--global-border-radius-border-radius-tag: var(--border-radius-br-4);
--ui-components-input-fields-number-input-field-padding-horizontal: 8px;
--ui-components-input-fields-number-input-field-label-spacing-title: 4px;
--ui-components-input-fields-text-input-field-label-spacing-title: 4px;
--app-components-alert-frame-label-spacing: 4px;
--app-components-integration-system-icon-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-icon-button-visual-target: 40px;
--app-components-integration-system-icon-button-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-icon-button-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--ui-components-icon-button-border-radius-top-right: var(
--icon-button-border-radius-top-right
);
--ui-components-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--ui-components-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--ui-components-icon-button-stroke-weight-left: var(
--icon-button-stroke-weight-left
);
--ui-components-icon-button-stroke-weight-top: var(
--icon-button-stroke-weight-top
);
--ui-components-icon-button-stroke-weight-right: var(
--icon-button-stroke-weight-right
);
--ui-components-icon-button-stroke-weight-bottom: var(
--icon-button-stroke-weight-bottom
);
--app-components-integration-system-icon-button-padding-horizontal: 48px;
--app-components-integration-system-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--app-components-integration-system-icon-button-border-radius-top-right: var(
--icon-button-border-radius-top-right
);
--app-components-integration-system-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--app-components-integration-system-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--app-components-integration-system-icon-button-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-horizontal-visual-target: 40px;
--app-components-integration-system-navigation-item-horizontal-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-horizontal-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal: 8px;
--app-components-integration-system-navigation-item-horizontal-label-spacing: 8px;
--app-components-integration-system-navigation-item-horizontal-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-horizontal-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-horizontal-padding-vertical: 8px;
--app-components-integration-system-navigation-item-horizontal-label-spacing-xsmall: 2px;
--app-components-integration-system-navigation-item-vertical-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-vertical-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-vertical-visual-target: 40px;
--app-components-integration-system-navigation-item-vertical-label-spacing: 8px;
--app-components-integration-system-navigation-item-vertical-label-spacing-small: 2px;
--app-components-integration-system-navigation-item-vertical-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-vertical-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-vertical-stroke-weight: 1px;
--app-components-integration-system-navigation-item-vertical-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-vertical-padding-horizontal: 8px;
--app-components-integration-system-navigation-item-vertical-padding-vertical: 8px;
--global-typography-instrument-value-large-padding-bottom: 2px;
--global-typography-instrument-value-large-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-large-letter-spacing: -0.5px;
--global-typography-instrument-value-regular-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-regular-container-height: 20px;
--global-typography-instrument-label-container-height: 16px;
--global-typography-instrument-unit-container-height: 16px;
--global-typography-instrument-value-small-container-height: 16px;
--global-typography-instrument-value-small-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-medium-font-size: 22px;
--global-typography-instrument-value-medium-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-medium-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-medium-line-height: 24px;
--global-typography-instrument-value-medium-container-height: 24px;
--global-typography-instrument-value-medium-padding-bottom: 2px;
--global-typography-instrument-value-medium-letter-spacing: -0.5px;
--global-typography-instrument-value-regular-letter-spacing: -0.5px;
--global-typography-instrument-value-large-degree-unit-width: 12px;
--ui-components-boolean-indicator-indicator-height: 8px;
--ui-components-boolean-indicator-indicator-width: 16px;
--ui-components-boolean-indicator-indicator-container-size: 24px;
--ui-components-boolean-indicator-label-spacing: 4px;
--ui-components-boolean-indicator-border-radius: 2px;
--global-typography-instrument-value-regular-padding-bottom: 0px;
--global-typography-instrument-label-padding-bottom: 0px;
--global-typography-instrument-unit-padding-bottom: 0px;
--global-typography-instrument-value-small-padding-bottom: 0px;
--global-typography-instrument-value-medium-degree-unit-width: 8px;
--global-typography-instrument-value-small-degree-unit-width: 4px;
--global-typography-instrument-value-regular-degree-unit-width: 6px;
--instrument-components-readout-new-group-vertical-medium-container-padding-horizontal: 2px;
--instrument-components-readout-new-group-vertical-medium-container-padding-vertical: 4px;
--instrument-components-readout-new-general-medium-min-padding-horizontal: 4px;
--instrument-components-readout-new-group-vertical-medium-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-vertical-regular-container-padding-horizontal: 4px;
--instrument-components-readout-new-group-vertical-regular-container-padding-vertical: 4px;
--instrument-components-readout-new-general-regular-min-padding-horizontal: 2px;
--instrument-components-readout-new-group-vertical-regular-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-vertical-regular-container-min-height: 48px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-horizontal: 2px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-vertical: 4px;
--instrument-components-readout-new-general-large-min-padding-horizontal: 4px;
--instrument-components-readout-new-group-vertical-enhanced-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-vertical-enhanced-degree-compensation-padding: 12px;
--instrument-components-readout-new-general-regular-degree-compensation-padding: 6px;
--instrument-components-readout-new-group-vertical-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-gap: 4px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-padding-vertical: 4px;
--instrument-components-readout-new-group-vertical-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-medium-divider-padding: 4px;
--instrument-components-readout-new-group-vertical-regular-divider-padding: 2px;
--instrument-components-readout-new-group-vertical-enhanced-divider-padding: 4px;
--instrument-components-readout-new-group-vertical-regular-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-vertical-medium-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-vertical-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-min-height: 48px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-horizontal: 4px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-vertical: 4px;
--instrument-components-readout-new-group-horizontal-regular-container-min-height: 48px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-horizontal-regular-min-padding-horizontal: 2px;
--instrument-components-readout-new-group-horizontal-regular-degree-compensation-padding: 6px;
--instrument-components-readout-new-group-horizontal-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-regular-divider-padding: 2px;
--instrument-components-readout-new-group-horizontal-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-horizontal: 4px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-vertical: 4px;
--instrument-components-readout-new-group-horizontal-medium-min-padding-horizontal: 2px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-horizontal-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-divider-padding: 4px;
--instrument-components-readout-new-group-horizontal-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-horizontal: 8px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-vertical: 8px;
--instrument-components-readout-new-group-horizontal-enhanced-container-min-height: 48px;
--instrument-components-readout-new-group-horizontal-enhanced-min-padding-horizontal: 6px;
--instrument-components-readout-new-group-horizontal-enhanced-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-horizontal-enhanced-degree-compensation-padding: 12px;
--instrument-components-readout-new-group-horizontal-enhanced-divider-padding: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-padding: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-gap: 8px;
--instrument-components-readout-new-group-horizontal-enhanced-value-unit-gap: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-label-unit-gap: 0px;
--instrument-components-readout-new-source-button-icon-spacing: 4px;
--instrument-components-readout-new-source-button-icon-size: 24px;
--instrument-components-readout-new-source-button-horizontal-label-padding: 4px;
--instrument-components-readout-new-stack-regular-container-padding-horizontal: 4px;
--instrument-components-readout-new-stack-regular-container-padding-vertical: 4px;
--instrument-components-readout-new-stack-regular-container-min-height: 48px;
--instrument-components-readout-new-stack-regular-horizontal-trim-padding: 2px;
--instrument-components-readout-new-stack-regular-min-padding-horizontal: 2px;
--instrument-components-readout-new-stack-regular-degree-compensation-padding: 6px;
--instrument-components-readout-new-stack-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-regular-divider-padding: 2px;
--instrument-components-readout-new-stack-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-regular-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-stack-medium-container-padding-horizontal: 4px;
--instrument-components-readout-new-stack-medium-container-padding-vertical: 4px;
--instrument-components-readout-new-stack-medium-min-padding-horizontal: 2px;
--instrument-components-readout-new-stack-medium-horizontal-trim-padding: 2px;
--instrument-components-readout-new-stack-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-medium-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-divider-padding: 4px;
--instrument-components-readout-new-stack-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-stack-enhanced-container-padding-horizontal: 2px;
--instrument-components-readout-new-stack-enhanced-container-padding-vertical: 4px;
--instrument-components-readout-new-stack-enhanced-container-min-height: 48px;
--instrument-components-readout-new-stack-enhanced-min-padding-horizontal: 6px;
--instrument-components-readout-new-stack-enhanced-horizontal-trim-padding: 2px;
--instrument-components-readout-new-stack-enhanced-degree-compensation-padding: 12px;
--instrument-components-readout-new-stack-enhanced-divider-padding: 4px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-padding-vertical: 4px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-gap: 4px;
--instrument-components-readout-new-general-horizontal-trim-padding: 2px;
--instrument-components-readout-new-general-medium-degree-compensation-padding: 8px;
--instrument-components-readout-new-list-item-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-medium-container-padding-vertical: 4px;
--instrument-components-readout-new-list-item-large-container-padding-vertical: 8px;
--instrument-components-readout-new-list-item-large-min-height: 48px;
--instrument-components-readout-new-list-item-large-container-padding-horizontal: 8px;
--instrument-components-readout-new-list-item-medium-container-padding-horizontal: 4px;
--instrument-components-readout-new-list-item-regular-container-padding-horizontal: 4px;
--instrument-components-readout-new-list-item-regular-value-container-gap: 8px;
--instrument-components-readout-new-list-item-regular-degree-compensation-padding: 4px;
--instrument-components-readout-new-list-item-medium-degree-compensation-padding: 6px;
--instrument-components-readout-new-list-item-large-degree-compensation-padding: 8px;
--instrument-components-readout-new-list-item-large-content-gap: 8px;
--instrument-components-readout-new-list-item-large-value-gap: 8px;
--instrument-components-readout-new-list-item-medium-value-container-gap: 8px;
--instrument-components-readout-new-list-item-medium-content-container-gap: 8px;
--instrument-components-readout-new-list-item-regular-content-container-gap: 8px;
--instrument-components-readout-new-general-regular-icon-size: 16px;
--instrument-components-readout-new-general-medium-icon-size: 20px;
--instrument-components-readout-new-general-large-icon-size: 24px;
--instrument-components-readout-new-general-large-degree-compensation-padding: 8px;
--instrument-components-readout-new-general-large-icon-gap: 4px;
--instrument-components-readout-new-general-medium-icon-gap: 4px;
--instrument-components-readout-new-general-regular-icon-gap: 4px;
--instrument-components-readout-new-general-medium-horizontal-min-padding-horizontal: 2px;
--ui-components-list-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-list-item-label-spacing: 8px;
--ui-components-list-item-label-spacing-small: 4px;
--ui-components-list-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--global-size-spacing-list-item-padding-horizontal: 16px;
--global-size-spacing-list-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--global-size-spacing-list-item-padding-vertical: 8px;
--global-size-spacing-list-item-item-spacing: 8px;
--global-size-spacing-list-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-attachment-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-attachment-item-border-radius: var(
--global-size-spacing-list-item-border-radius
);
--ui-components-attachment-item-negative-spacing: -8px;
--ui-components-attachment-item-label-spacing-large: 16px;
--instrument-components-watchface-scale-stack-spacing: -14px;
--menu-navigation-components-pivot-item-icon-pivot-item-stroke-weight-active-tab: 1px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-top-horizontal-stack: 6px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-label-container: 6px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal-active-tab-container: 8px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-vertical-active-tab-container: 4px;
--instrument-components-watchface-tick-marks-visibility-main: var(
--tick-mark-main-visibility
);
--instrument-components-watchface-tick-marks-visibility-main-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-main-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-main-none: 0px;
--instrument-components-watchface-tick-marks-visibility-primary: var(
--tick-mark-primary-visibility
);
--instrument-components-watchface-tick-marks-visibility-primary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary: var(
--tick-mark-secondary-visibility
);
--instrument-components-watchface-tick-marks-visibility-secondary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-secondary-condenced: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary: var(
--tick-mark-tertiary-visibility
);
--instrument-components-watchface-tick-marks-visibility-tertiary-regular: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary-condenced: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-main-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-primary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary-indicator: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility: var(
--advice-indicator-visibility
);
--instrument-components-advice-indicator-visibility-indicator-visibility-condenced: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-none: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility-regular: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-indicator: 100px;
--ui-components-boolean-indicator-container-border-radius: 4px;
--ui-components-boolean-indicator-container-padding: 4px;
--ui-components-tag-visual-target-large: 32px;
--ui-components-tag-padding-horizontal-large: 6px;
--ui-components-tag-icon-size-large: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tag-label-spacing-large: 4px;
--instrument-components-watchface-scale-size-framed-condenced: 8px;
--instrument-components-watchface-scale-size-framed-indication: 8px;
--instrument-components-watchface-scale-size-framed-none: 0px;
--instrument-components-watchface-scale-size-framed: var(--scale-framed-size);
--ui-components-input-fields-rich-input-field-label-spacing-title: 4px;
--ui-components-toggle-button-visual-size-large: 56px;
--automation-components-badge-new-size: 16px;
--automation-components-typography-new-actual-icon-size-s: 12px;
--automation-components-button-new-state-container-padding: 4px;
--automation-components-badge-new-icon-size: 12px;
--automation-components-badge-new-border-radius: 2px;
--automation-components-button-new-visual-target: 32px;
--automation-components-button-new-visual-target-round: 36px;
--automation-components-button-new-device-container-size: 40px;
--automation-components-button-new-spacer-size: 4px;
--automation-components-button-new-icon-size: 24px;
--automation-components-button-new-progress-bar-size: 32px;
--automation-components-button-new-progress-bar-mask-stroke: 4px;
--automation-components-button-new-icon-double-primary-size: 24px;
--automation-components-button-new-icon-double-secondary-size: 16px;
--automation-components-button-new-icon-size-flat: 32px;
--automation-components-button-new-icon-outline-stroke: 2px;
--automation-components-button-new-border-radius: 6px;
--automation-components-button-new-border-radius-round: 1000px;
--automation-components-typography-new-actual-icon-size-r: 16px;
--automation-components-typography-new-actual-icon-size-m: 20px;
--automation-components-typography-new-actual-icon-size-l: 24px;
--automation-components-typography-new-unit-container-height-s: 16px;
--automation-components-typography-new-unit-container-height-r: 20px;
--automation-components-typography-new-unit-container-height-m: 24px;
--automation-components-typography-new-unit-container-height-l: 32px;
--automation-components-badge-new-icon-size-flat: 16px;
--automation-components-button-new-badge-container: 48px;
--ui-components-progressbars-progress-bar--circular-bar-weight-small: 2px;
--instrument-components-advice-indicator-alert-border-radius-value: 1px;
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius: 9999px;
--ui-components-mode-switch-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-mode-switch-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-mode-switch-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-mode-switch-label-spacing: 8px;
--ui-components-mode-switch-padding-horizontal: 4px;
--ui-components-mode-switch-stroke-weight: 1px;
--ui-components-mode-switch-stroke-weight-left: var(
--button-stroke-weight-left
);
--ui-components-mode-switch-stroke-weight-top: var(
--button-stroke-weight-top
);
--ui-components-mode-switch-stroke-weight-right: var(
--button-stroke-weight-right
);
--ui-components-mode-switch-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--ui-components-mode-switch-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-mode-switch-border-radius-top-left: var(
--button-border-radius-top-left
);
--ui-components-mode-switch-border-radius-top-right: var(
--button-border-radius-top-right
);
--ui-components-mode-switch-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--ui-components-mode-switch-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--ui-components-mode-switch-indicator-active-width: 4px;
--ui-components-mode-switch-indicator-active-height: 24px;
--ui-components-mode-switch-indicator-inactive-width: 0px;
--ui-components-mode-switch-indicator-inactive-height: 0px;
--ui-components-mode-switch-indicator-padding-horizontal: 4px;
--ui-components-mode-switch-padding-vertical: 4px;
--automation-components-hydraulic-valve-thumb-size: 0px;
--instrument-components-advice-indicator-offset-offset-padding: var(
--advice-indicator-offset
);
--instrument-components-advice-indicator-offset-offset-regular: 2px;
--instrument-components-advice-indicator-offset-offset-condenced: 2px;
--instrument-components-advice-indicator-offset-offset-indication: 2px;
--instrument-components-advice-indicator-offset-offset-indication-internal: 8px;
--instrument-components-advice-indicator-offset-offset-indication-center: 0px;
--instrument-components-advice-indicator-offset-offset-none: 0px;
--instrument-components-watchface-scale-size-internal: 0px;
--instrument-components-advice-indicator-container-size: 8px;
--instrument-components-advice-indicator-container-size-container-size: var(
--advice-indicator-container-size
);
--instrument-components-advice-indicator-container-size-size-regular: 8px;
--instrument-components-advice-indicator-container-size-size-condenced: 8px;
--instrument-components-advice-indicator-container-size-size-indication: 8px;
--instrument-components-advice-indicator-container-size-size-indication-internal: 0px;
--instrument-components-advice-indicator-container-size-size-indication-center: 0px;
--instrument-components-advice-indicator-container-size-size-none: 0px;
--instrument-components-advice-indicator-area-line-padding: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-indication: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-internal: 2px;
--instrument-components-advice-indicator-optimal-border-radius-top-left: var(
--advice-optimal-top-left
);
--instrument-components-advice-indicator-optimal-border-radius-top-right: var(
--advice-optimal-top-right
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-left: var(
--advice-optimal-bottom-left
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-right: var(
--advice-optimal-bottom-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-left: var(
--advice-frame-top-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-right: var(
--advice-frame-top-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-left: var(
--advice-frame-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-right: var(
--advice-frame-bottom-right
);
--instrument-components-advice-indicator-padding-indicator-padding-leading: 2px;
--instrument-components-advice-indicator-alert-padding-padding-leading: var(
--advice-frame-padding-leading
);
--instrument-components-advice-indicator-alert-padding-padding-trailing: var(
--advice-frame-padding-trailing
);
--instrument-components-advice-indicator-alert-padding-internal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-alert-padding-internal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-left: var(
--advice-indication-top-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-right: var(
--advice-indication-top-right
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-left: var(
--advice-indication-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-right: var(
--advice-indication-bottom-right
);
--instrument-components-advice-indicator-optimal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-optimal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-point-width: 4px;
--instrument-components-advice-indicator-alert-point-height: 2px;
--instrument-components-advice-indicator-optimal-point-size: 4px;
--ui-components-audio-input-spacing: 4px;
--ui-components-audio-input-dot-size: 4px;
--ui-components-audio-input-height: 32px;
--ui-components-audio-recording-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-audio-recording-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--ui-components-audio-recording-item-padding-horizontal: 8px;
--ui-components-audio-recording-item-label-spacing: 8px;
--ui-components-audio-recording-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-audio-output-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-input-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-recording-item-delete-button-container-size: 40px;
--instrument-components-watchface-frame-main-track-margin: var(
--frame-track-margin
);
--instrument-components-advice-indicator-optimal-tick-mark-padding: 2px;
--menu-navigation-components-date-item-appointment-container-padding: 4px;
--instrument-components-watchface-frame-regular-thickness: 12px;
--instrument-components-watchface-frame-regular-outer-margin: 2px;
--instrument-components-watchface-frame-regular-border-radius: 4px;
--instrument-components-watchface-frame-regular-track-thickness: 36px;
--instrument-components-watchface-frame-regular-track-size: 24px;
--instrument-components-watchface-frame-regular-track-margin: 14px;
--instrument-components-watchface-frame-regular-double-thickness: 48px;
--instrument-components-watchface-frame-condenced-thickness: 8px;
--instrument-components-watchface-frame-condenced-outer-margin: 2px;
--instrument-components-watchface-frame-condenced-border-radius: 4px;
--instrument-components-watchface-frame-condenced-total-thickness: 36px;
--instrument-components-watchface-frame-condenced-track-size: 24px;
--instrument-components-watchface-frame-condenced-track-margin: 10px;
--instrument-components-watchface-frame-condenced-double-thickness: 48px;
--app-components-integration-system-dropdown-menu-padding-horizontal: 8px;
--app-components-integration-system-dropdown-menu-spacing-horizontal: 8px;
--app-components-integration-system-dropdown-menu-action-container-height: 64px;
--app-components-integration-system-dropdown-menu-border-radius: var(
--global-border-radius-border-radius-floating
);
--ui-components-app-button-border-radius-small: 12px;
--ui-components-app-button-border-radius-large: 20px;
--app-components-integration-system-app-bar-fleet-container-border-radius: 18px;
--ui-components-two-step-action-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-two-step-action-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-two-step-action-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-integration-system-navigation-item-horizontal-label-spacing-small: 4px;
--global-typography-ui-title-font-size: 22px;
--global-typography-ui-title-line-height: 24px;
--global-typography-ui-title-font-weight: var(
--typography-font-weight-semibold
);
--global-typography-ui-title-letter-spacing: -0.5px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal-large: 12px;
--ui-components-accordion-item-label-spacing-small: 4px;
--menu-navigation-components-navigation-item-label-spacing-small: 4px;
--app-components-integration-system-topbar-margin-global: 4px;
--app-components-integration-system-topbar-touch-target-size: var(
--app-components-topbar-touch-target-size
);
--app-components-integration-system-topbar-item-spacing: 8px;
--app-components-integration-system-status-indicator-padding-horizontal: 8px;
--app-components-integration-system-status-indicator-label-spacing: 8px;
--app-components-integration-system-status-indicator-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-integration-system-status-indicator-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-status-indicator-height: 40px;
}
.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-ui-button-font-size: var(--font-size-150);
--global-typography-ui-button-line-height: var(--line-height-150);
--global-typography-ui-button-font-weight: var(--font-weight-semibold);
--global-typography-ui-label-font-size: var(--font-size-100);
--global-typography-ui-label-line-height: var(--line-height-100);
--global-typography-ui-label-font-weight: var(--font-weight-regular);
--global-typography-ui-body-font-size: var(--font-size-150);
--global-typography-ui-body-line-height: var(--line-height-150);
--global-typography-ui-body-font-weight: var(--font-weight-regular);
--global-typography-ui-body-active-font-size: var(--font-size-150);
--global-typography-ui-body-active-line-height: var(--line-height-150);
--global-typography-ui-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: 42px;
--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;
--app-components-badge-icon-size: 16px;
--app-components-badge-label-spacing: 2px;
--app-components-badge-border-radius: var(--border-radius-br-2);
--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-nav-item-and-menus-padding-horizonal-list-item
);
--menu-navigation-components-navigation-item-margin-horizontal-icon-button: 4px;
--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: 0px;
--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: 0px;
--ui-components-card-label-spacing: 8px;
--app-components-alert-frame-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--app-components-alert-frame-large-flip-4px-padding-horizontal: 4px;
--app-components-alert-frame-large-flip-padding-vertical: 0px;
--app-components-alert-frame-small-flip-border-radius: 2px;
--global-typography-ui-overline-font-size: var(--font-size-150);
--global-typography-ui-overline-line-height: var(--line-height-150);
--global-typography-ui-overline-font-weight: var(--font-weight-semibold);
--global-typography-ui-overline-letter-spacing: 0.25px;
--global-typography-ui-label-active-font-size: var(--font-size-100);
--global-typography-ui-label-active-line-height: var(--line-height-100);
--global-typography-ui-label-active-font-weight: var(--font-weight-bold);
--app-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-nav-item-and-menus-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-nav-item-and-menus-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);
--app-components-alert-frame-large-flip-padding: var(
--app-components-badge-border-radius
);
--app-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-nav-item-and-menus-padding-horizonal-list-item: 12px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item: 0px;
--ui-components-radio-button-margin: var(
--global-size-spacing-nav-item-and-menus-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: 0px;
--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: 0px;
--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: 0px;
--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-weight: 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-input-fields-text-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-text-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-text-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-text-input-field-label-spacing: 8px;
--ui-components-input-fields-text-input-field-padding-vertical: 4px;
--ui-components-input-fields-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-input-fields-text-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-text-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-text-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-text-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--ui-components-input-fields-text-input-field-stroke-weight: 1px;
--ui-components-toggle-button-toggle-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-toggle-button-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-toggle-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-toggle-button-item-label-spacing: 8px;
--ui-components-toggle-button-toggle-button-item-padding-horizontal: 4px;
--ui-components-toggle-button-toggle-button-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-toggle-button-toggle-button-item-description-spacing: 0px;
--ui-components-input-fields-text-input-field-padding-horizontal: 8px;
--ui-components-input-fields-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-input-fields-text-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-text-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-text-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-text-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-text-input-field-padding-right: var(
--input-field-padding-right
);
--ui-components-input-fields-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-nav-item-and-menus-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-nav-item-and-menus-margin-vertical-context-menu: 4px;
--ui-components-context-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--ui-components-checkbox-margin: var(
--global-size-spacing-nav-item-and-menus-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-ui-button-two-line-font-size: var(--font-size-100);
--global-typography-ui-button-two-line-line-height: var(--line-height-075);
--global-typography-ui-button-two-line-font-weight: var(--font-weight-bold);
--global-typography-ui-button-two-line-letter-spacing: 0.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-toggle-button-icon-toggle-button-horizontal-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-label-spacing-hug: 8px;
--ui-components-toggle-button-icon-toggle-button-horizontal-item-border-radius: var(
--global-border-radius-border-radius-base
);
--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-value-thumb-height: 32px;
--ui-components-slider-value-thumb-width: 56px;
--ui-components-slider-value-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: 4px;
--app-components-badge-icon-size-flat: 20px;
--app-components-badge-icon-size-flat-border-weight: 1px;
--ui-components-elevated-card-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-keyboard-nummeric-action-button-width: 136px;
--ui-components-keyboard-nummeric-component-width-min: 368px;
--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: 0px;
--app-components-clock-colon-size: 3px;
--app-components-clock-colon-spacing: 5px;
--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-item-padding-counter-right: 2px;
--app-components-alert-button-item-counter-spacing: 2px;
--app-components-topbar-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-topbar-message-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-topbar-message-item-label-spacing: 8px;
--app-components-topbar-message-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-topbar-message-item-touch-target-size-tall: var(
--app-components-topbar-touch-target-tall
);
--app-components-topbar-message-item-visual-target-size-tall: 72px;
--app-components-topbar-message-item-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-topbar-message-item-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-topbar-message-item-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-topbar-message-item-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-topbar-message-item-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-topbar-message-item-stroke-weight: 1px;
--app-components-topbar-message-item-stroke-weight-left: var(
--notification-message-stroke-weight-left
);
--app-components-topbar-message-item-stroke-weight-top: var(
--notification-message-stroke-weight-top
);
--app-components-topbar-message-item-stroke-weight-right: var(
--notification-message-stroke-weight-right
);
--app-components-topbar-message-item-stroke-weight-bottom: var(
--notification-message-stroke-weight-bottom
);
--app-components-topbar-message-item-padding-horizontal: 8px;
--app-components-topbar-message-item-label-padding: 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
);
--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(
--global-border-radius-border-radius-base
);
--ui-components-chip-label-spacing: 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-touch-target-tall: 80px;
--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-nav-item-and-menus-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: var(
--global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
);
--ui-components-accordion-item-border-radius: var(--border-radius-br-0);
--ui-components-accordion-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-height-active-tab: 3px;
--ui-components-toggle-switch-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-menu-item-padding-horizontal-right: 8px;
--menu-navigation-components-table-item-padding-top-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
);
--app-components-badge-icon-size-large: 24px;
--app-components-badge-label-spacing-large: 2px;
--app-components-notification-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-menu-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-menu-item-label-spacing: 8px;
--app-components-notification-menu-item-padding-horizontal: var(
--app-components-alert-menu-item-padding-horizontal-left
);
--app-components-notification-menu-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--menu-navigation-components-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-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-vertical: 8px;
--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: 72px;
--app-components-alert-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-menu-item-label-spacing: 8px;
--app-components-alert-menu-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-menu-item-button-size: 112px;
--app-components-alert-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-alert-menu-item-padding-vertical: 8px;
--app-components-alert-menu-item-chevron-container-size: 40px;
--ui-components-slider-regular-tick-height: 6px;
--ui-components-slider-discrete-leading-icon-padding: 8px;
--app-components-notification-menu-item-padding-vertical: 4px;
--ui-components-slider-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-slider-thumb-border-radius: var(
--global-border-radius-border-radius-round
);
--app-components-floating-message-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--global-size-spacing-icon-icon-size-large: 40px;
--app-components-floating-message-item-label-spacing: 8px;
--app-components-floating-message-item-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-floating-message-item-padding-horizontal-left: 20px;
--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-menu-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-value-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: 0px;
--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-item-min-width: var(
--global-size-spacing-touch-target-min
);
--app-components-badge-min-size-large: 28px;
--ui-components-context-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-list-item
);
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu: 4px;
--menu-navigation-components-navigation-item-margin-horizontal-list-item: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item
);
--app-components-alert-menu-item-icon-spacing: 4px;
--menu-navigation-components-table-item-icon-spacing: 4px;
--global-size-spacing-nav-item-and-menus-margin-vertical-menu: 20px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu: 20px;
--global-size-spacing-icon-n: 0px;
--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-nav-item-and-menus-margin-horizontal-menu
);
--app-components-dimming-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-regular: 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: 0px;
--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-horizontal-stack: 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-nav-item-and-menus-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-notification-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu
);
--app-components-system-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-output-height: 24px;
--ui-components-audio-output-width: 12px;
--ui-components-audio-output-spacing: 8px;
--menu-navigation-components-date-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--menu-navigation-components-date-item-padding-horizontal: 8px;
--menu-navigation-components-date-item-padding-bottom: 8px;
--menu-navigation-components-date-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-date-item-border-radius: var(
--global-border-radius-border-radius-base
);
--menu-navigation-components-date-item-indicator-size: 4px;
--menu-navigation-components-date-item-indicator-spacing: 2px;
--menu-navigation-components-date-item-vertical-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: 8px;
--menu-navigation-components-date-item-indicator-padding: 3px;
--menu-navigation-components-calendar-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--menu-navigation-components-calendar-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-navigation-menu-footer-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-footer-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-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-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-nav-item-and-menus-margin-vertical-menu
);
--app-components-command-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-padding-horizontal-icon: 8px;
--menu-navigation-components-table-header-item-padding-horizontal: 8px;
--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: 0px;
--app-components-navigation-menu-sub-page-padding-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-sub-page-padding-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-breadcrumbs-padding-horizontal: 0px;
--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
);
--ui-components-rich-button-padding-vertical-small: 4px;
--ui-components-context-menu-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--number: 0px;
--ui-components-elevated-card-touch-target-min: 72px;
--app-components-modal-label-spacing: 8px;
--app-components-modal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-table-header-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--menu-navigation-components-table-header-row-first-column-width: 400px;
--menu-navigation-components-table-header-item-margin-horizontal: 4px;
--menu-navigation-components-scroll-bar-padding: 4px;
--menu-navigation-components-table-item-button-spacing: 8px;
--global-typography-instrument-label-font-size: 16px;
--global-typography-instrument-label-font-weight: var(--font-weight-semibold);
--global-typography-instrument-label-line-height: 20px;
--global-typography-instrument-unit-font-size: 16px;
--global-typography-instrument-unit-font-weight: var(--font-weight-regular);
--global-typography-instrument-unit-line-height: 20px;
--global-typography-instrument-value-large-container-height: 40px;
--global-typography-instrument-value-large-font-size: 46px;
--global-typography-instrument-value-large-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-large-line-height: 40px;
--global-typography-instrument-value-regular-font-size: 22px;
--global-typography-instrument-value-regular-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-regular-line-height: 24px;
--global-typography-instrument-value-small-font-size: 16px;
--global-typography-instrument-value-small-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-small-line-height: 20px;
--global-typography-font-family: var(--font-family-main);
--global-typography-instrument-tick-mark-font-size: var(--font-size-100);
--global-typography-instrument-tick-mark-font-weight: var(
--font-weight-regular
);
--global-typography-instrument-tick-mark-line-height: var(--line-height-100);
--global-typography-instrument-tick-mark-active-font-size: var(
--font-size-100
);
--global-typography-instrument-tick-mark-active-font-weight: var(
--font-weight-bold
);
--global-typography-instrument-tick-mark-active-line-height: var(
--line-height-100
);
--instrument-components-advice-indicator-margin-indicator-margin: 4px;
--instrument-components-advice-indicator-margin-indicator-margin-condenced: 4px;
--instrument-components-advice-indicator-margin-indicator-margin-none: 4px;
--instrument-components-advice-indicator-margin-indicator-margin-regular: 4px;
--instrument-components-advice-indicator-optional-padding: 8px;
--instrument-components-advice-indicator-padding-indicator-padding: var(
--advice-indicator-padding
);
--instrument-components-advice-indicator-padding-indicator-padding-condenced: 4px;
--instrument-components-advice-indicator-padding-indicator-padding-none: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-regular: 4px;
--instrument-components-advice-indicator-indicator-point-stroke-thickness: 2px;
--instrument-components-advice-indicator-indicator-thickness-alert: 4px;
--instrument-components-advice-indicator-indicator-thickness-enhanced: 16px;
--instrument-components-advice-indicator-indicator-thickness-regular: 8px;
--infographic-components-bar-chart-bar-border-radius: 4px;
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-left: var(
--bar-chart-bar-horizontal-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-right: var(
--bar-chart-bar-horizontal-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-left: var(
--bar-chart-bar-horizontal-border-radius-top-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-right: var(
--bar-chart-bar-horizontal-border-radius-top-right
);
--infographic-components-bar-chart-bar-horizontal-padding-left: var(
--bar-chart-bar-horizontal-padding-left
);
--infographic-components-bar-chart-bar-horizontal-padding-right: var(
--bar-chart-bar-horizontal-padding-right
);
--infographic-components-bar-chart-bar-padding: 1px;
--infographic-components-bar-chart-bar-spacing: 2px;
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-left: var(
--bar-chart-bar-vertical-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-right: var(
--bar-chart-bar-vertical-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-left: var(
--bar-chart-bar-vertical-border-radius-top-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-right: var(
--bar-chart-bar-vertical-border-radius-top-right
);
--infographic-components-bar-chart-bar-vertical-padding-bottom: var(
--bar-chart-bar-vertical-padding-bottom
);
--infographic-components-bar-chart-bar-vertical-padding-top: var(
--bar-chart-bar-vertical-padding-top
);
--infographic-components-bar-bar-border-radius: 4px;
--infographic-components-bar-bar-border-radius-bottom-left: var(
--bar-meter-border-radius-bottom-left
);
--infographic-components-bar-bar-border-radius-bottom-right: var(
--bar-meter-border-radius-bottom-right
);
--infographic-components-bar-bar-border-radius-top-left: var(
--bar-meter-border-radius-top-left
);
--infographic-components-bar-bar-border-radius-top-right: var(
--bar-meter-border-radius-top-right
);
--infographic-components-donut-chart-diviter-border-size: 2px;
--infographic-components-grouped-bar-min-width: 16px;
--infographic-components-grouped-bar-padding-horizontal: 4px;
--infographic-components-histogram-bar-column-padding: 4px;
--infographic-components-histogram-bar-min-width: 16px;
--infographic-components-trend-bar-width: 24px;
--icon-size: 12px;
--instrument-components-input-baseline-padding: 8px;
--instrument-components-input-icon-container-size: 24px;
--instrument-components-input-icon-size: 48px;
--instrument-components-input-icon-size-condenced: 32px;
--instrument-components-input-icon-size-indicator: 48px;
--instrument-components-input-icon-size-none: 48px;
--instrument-components-input-icon-size-regular: 48px;
--instrument-components-output-pointer-size: 12px;
--instrument-components-output-pointer-stroke-width: 2px;
--instrument-components-output-trend-bar-width: 16px;
--instrument-components-readout-button-height: 40px;
--instrument-components-readout-demo-3: 48px;
--instrument-components-readout-divider-height-regular: 32px;
--instrument-components-readout-divider-height-small: 16px;
--instrument-components-readout-enhanced-line-height: 48px;
--instrument-components-readout-horizontal-regular-label-padding: 0px;
--instrument-components-readout-icon-spacing: 8px;
--instrument-components-readout-icon-icon-size-enhanced: 32px;
--instrument-components-readout-icon-icon-size-regular: 24px;
--instrument-components-readout-icon-icon-size-small: 24px;
--instrument-components-readout-label-unit-padding: 2px;
--instrument-components-readout-label-unit-spacing: -2px;
--instrument-components-readout-padding-horizontal: 8px;
--instrument-components-readout-padding-vertical: 4px;
--instrument-components-readout-touch-target: 56px;
--instrument-components-readout-vertical-input-vertical-frame-padding: 4px;
--instrument-components-readout-vertical-input-vertical-padding: 4px;
--instrument-components-stroke-alarm-stroke-width: 4px;
--instrument-components-stroke-target-stroke-width: 2px;
--instrument-components-watchface-label-container-height: 24px;
--instrument-components-watchface-label-container-padding: 8px;
--instrument-components-watchface-label-size: "Regular";
--instrument-components-watchface-label-spacing: 4px;
--instrument-components-watchface-label-container-height: 32px;
--instrument-components-watchface-label-container-size: 32px;
--instrument-components-watchface-label-container-size-1: 24px;
--instrument-components-watchface-label-container-size-2: 24px;
--instrument-components-watchface-label-container-size-3: 36px;
--instrument-components-watchface-label-container-size-4: 48px;
--instrument-components-watchface-label-container-size-rotating: var(
--watchface-label-container-width
);
--instrument-components-watchface-label-horizontal-padding: 4px;
--instrument-components-watchface-label-icon-size: 24px;
--instrument-components-watchface-label-vertical-padding: 8px;
--instrument-components-watchface-scale-margin: var(--scale-margin);
--instrument-components-watchface-scale-margin-condenced: 12px;
--instrument-components-watchface-scale-margin-indication: 8px;
--instrument-components-watchface-scale-margin-regular: 20px;
--instrument-components-watchface-scale-padding: var(--scale-padding);
--instrument-components-watchface-scale-padding-condenced: 4px;
--instrument-components-watchface-scale-padding-none: 4px;
--instrument-components-watchface-scale-padding-regular: 4px;
--instrument-components-watchface-scale-size: var(--scale-size);
--instrument-components-watchface-scale-size-condeced: 16px;
--instrument-components-watchface-scale-size-framed-regular: 24px;
--instrument-components-watchface-scale-size-indication: 12px;
--instrument-components-watchface-scale-size-none: 0px;
--instrument-components-watchface-scale-size-regular: 24px;
--instrument-components-watchface-tick-marks-length-main: var(
--tick-mark-main
);
--instrument-components-watchface-tick-marks-length-main-condenced: 16px;
--instrument-components-watchface-tick-marks-length-main-none: 12px;
--instrument-components-watchface-tick-marks-length-main-regular: 24px;
--instrument-components-watchface-tick-marks-length-primary: var(
--tick-mark-primary
);
--instrument-components-watchface-tick-marks-length-primary-condenced: 12px;
--instrument-components-watchface-tick-marks-length-primary-none: 0px;
--instrument-components-watchface-tick-marks-length-primary-regular: 20px;
--instrument-components-watchface-tick-marks-length-secondary: var(
--tick-mark-secondary
);
--instrument-components-watchface-tick-marks-length-secondary-condenced: 4px;
--instrument-components-watchface-tick-marks-length-secondary-none: 4px;
--instrument-components-watchface-tick-marks-length-secondary-regular: 8px;
--instrument-components-watchface-tick-marks-length-tertiary: var(
--tick-mark-tertiary
);
--instrument-components-watchface-tick-marks-length-tertiary-condenced: 0px;
--instrument-components-watchface-tick-marks-length-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-length-tertiary-regular: 4px;
--instrument-components-demo: 0px;
--app-components-user-menu-label-spacing: 8px;
--app-components-topbar-message-item-tall-padding-vertical: 4px;
--app-components-alert-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-button-item-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-alert-button-item-padding-horizontal: 4px;
--app-components-alert-counter-item-badge-spacing: 4px;
--app-components-alert-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-advice-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-advice-button-stack-spacing: 8px;
--app-components-advice-button-margin-horizontal: 8px;
--app-components-advice-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-advice-button-counter-spacing: 2px;
--app-components-advice-button-padding-horizontal: 4px;
--app-components-notification-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-message-item-stack-spacing: 8px;
--app-components-notification-button-padding-horizontal: 4px;
--app-components-notification-button-counter-spacing: 2px;
--app-components-notification-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-topbar-message-item-cta-button-width: 80px;
--app-components-topbar-message-item-icon-spacing: 4px;
--app-components-alert-button-tall-padding-vertical: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-notification-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-advice-message-item-stack-spacing: 8px;
--app-components-advice-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-alert-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-alert-menu-item-margin-vertical: 4px;
--app-components-alert-menu-footer-padding-horizontal: 16px;
--app-components-alert-menu-footer-container-height: 88px;
--app-components-alert-menu-item-padding-horizontal-left: 16px;
--app-components-alert-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-alert-table-row-nesting-spacer: 44px;
--app-components-alert-table-row-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-table-row-ack-container-width-regular: 160px;
--app-components-alert-table-row-ack-container-width-small: 44px;
--app-components-alert-info-alert-detail-card-widt: 400px;
--app-components-alert-info-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-info-label-spacing: 8px;
--app-components-alert-info-icon-spacing: 4px;
--app-components-alert-info-max-height-graphic-readout: 320px;
--app-components-alert-toolbar-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-toolbar-label-spacing: 8px;
--app-components-alert-toolbar-icon-spacing: 4px;
--app-components-alert-toolbar-toggle-button-width: 480px;
--app-components-alert-toolbar-margin-horizontal: 16px;
--app-components-alert-info-margin-horizontal-card: 16px;
--app-components-alert-info-margin-horizontal-modal: 24px;
--app-components-alert-info-margin-vertical-modal: 16px;
--app-components-alert-info-margin-vertical-card: 16px;
--app-components-alert-info-info-spacing: 16px;
--app-components-alert-table-row-cell-width-small: 56px;
--app-components-alert-table-row-cell-width-medium: 160px;
--app-components-alert-table-row-cell-width-large: 280px;
--app-components-topbar-message-item-width: 720px;
--app-components-alert-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-floating-message-item-padding-vertical-single: 8px;
--app-components-floating-message-item-padding-vertical-text-container: 4px;
--app-components-floating-message-item-padding-horizontal-right: 8px;
--app-components-floating-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-floating-message-item-icon-container-width: 48px;
--app-components-topbar-padding-double: 16px;
--app-components-alert-details-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-details-label-spacing: 4px;
--app-components-notification-menu-component-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-padding-vertical: 8px;
--app-components-advice-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-advice-menu-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-advice-menu-footer-container-height: 72px;
--app-components-advice-menu-footer-padding-horizontal: 8px;
--app-components-alert-menu-button-spacing: 8px;
--maneuvering-components-poi-button-border-radius-round: var(
--border-radius-br-round
);
--maneuvering-components-poi-button-touch-target: 64px;
--maneuvering-components-poi-button-visual-target-round: 52px;
--maneuvering-components-poi-line-regular-foreground-stroke-width: 1px;
--maneuvering-components-poi-line-regular-background-stroke-width: 1px;
--maneuvering-components-poi-line-active-foreground-stroke-width: 2px;
--maneuvering-components-poi-line-active-background-stroke-width: 3px;
--maneuvering-components-poi-line-regular-mask-stroke-width: 8px;
--maneuvering-components-poi-line-active-mask-stroke-width: 8px;
--app-components-alert-table-row-cell-width-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-info-button-spacing: 8px;
--app-components-alert-info-padding-action-container: 8px;
--app-components-clock-colon-stroke-size: 1px;
--app-components-alert-button-2-digits-fixed-width: 72px;
--app-components-alert-button-fill-min-width: 160px;
--app-components-alert-button-touch-target-min: 72px;
--app-components-alert-button-padding-horizontal: 8px;
--app-components-message-menu-item-icon-size-regular: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-message-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-message-menu-item-label-spacing: 8px;
--app-components-message-menu-item-padding-vertical-8: 8px;
--app-components-message-menu-item-icon-spacing: 4px;
--app-components-message-menu-item-icon-container-padding-vertical: 4px;
--app-components-message-menu-item-padding-vertical-4: 4px;
--app-components-message-menu-item-padding-vertical-12: 12px;
--app-components-message-menu-item-padding-horizontal: 16px;
--app-components-advice-menu-title-containet-height: 72px;
--app-components-notification-menu-footer-container-height: 72px;
--maneuvering-components-poi-button-visual-target-square: 48px;
--maneuvering-components-poi-id-tag-min-size: 24px;
--maneuvering-components-poi-button-large-touch-target: 88px;
--maneuvering-components-poi-button-large-visual-target-round: 52px;
--maneuvering-components-poi-button-large-visual-target-round-overlap: 72px;
--maneuvering-components-poi-button-large-visual-target-square: 64px;
--maneuvering-components-poi-id-tag-container-height: 12px;
--maneuvering-components-poi-button-overlap-offset-padding: 8px;
--maneuvering-components-poi-button-visual-target-round-overlap: 48px;
--maneuvering-components-poi-button-indicator-overlap-padding: 24px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-size: 48px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-gap: 24px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-alert-gap: 24px;
--ui-components-toggletip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggletip-label-spacing: 8px;
--ui-components-toggletip-content-padding-horizontal: 16px;
--ui-components-toggletip-content-padding-vertical: 8px;
--ui-components-toggletip-content-spacing-vertical: 20px;
--ui-components-toggletip-header-padding-horizontal-left: 16px;
--ui-components-toggletip-header-padding-horizontal-right: 8px;
--ui-components-toggletip-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-tooltip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tooltip-size: 40px;
--ui-components-tooltip-label-spacing: 8px;
--ui-components-tooltip-border-radius: 4px;
--ui-components-tooltip-padding-vertical: 8px;
--ui-components-toggletip-header-padding-vertical-top: 8px;
--ui-components-toggletip-stroke-weight: 2px;
--ui-components-toggletip-pointer-width: 24px;
--ui-components-toggletip-pointer-height: 14px;
--ui-components-toggletip-button-spacing: 8px;
--ui-components-toggletip-header-padding-vertical-bottom: var(
--ui-components-toggletip-header-padding-vertical-top
);
--maneuvering-components-poi-selection-frame-button-selection-frame-gap: 36px;
--maneuvering-components-poi-selection-frame-button-selection-frame-gap-alert: 36px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap: 64px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap-alert: 64px;
--maneuvering-components-poi-button-indicator-icon-border-filled: 3px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-padding: 12px;
--infographic-components-legend-item-checkbox-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-padding-horizontal: 8px;
--infographic-components-legend-item-checkbox-padding-horizontal: var(
--ui-components-checkbox-padding-horizontal
);
--infographic-components-legend-item-checkbox-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-indicator-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-horizontal: 8px;
--infographic-components-legend-item-button-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-vertical: 4px;
--infographic-components-legend-item-indicator-padding-vertical: 4px;
--infographic-components-legend-item-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-border-radius: 2px;
--infographic-components-legend-item-checkbox-border-radius: var(
--ui-components-checkbox-border-radius
);
--infographic-components-legend-item-button-border-radius: var(
--global-border-radius-border-radius-base
);
--infographic-components-legend-item-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--infographic-components-legend-item-checkbox-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-checkbox-visual-target-size: var(
--global-size-spacing-selection-size-min
);
--infographic-components-legend-spacing-vertical: 4px;
--infographic-components-legend-spacing-horizontal: 8px;
--infographic-components-legend-item-indicator-visual-target-size: 20px;
--app-components-alert-frame-stroke-width-thick: 4px;
--app-components-alert-frame-stroke-width-thin: 2px;
--app-components-alert-frame-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-alert-frame-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-alert-frame-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-alert-frame-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-alert-frame-small-flip-padding-horizontal: 2px;
--app-components-alert-frame-small-flip-padding-vertical: 0px;
--app-components-alert-frame-small-flip-spacing: 2px;
--app-components-alert-frame-large-flip-spacing: 2px;
--app-components-alert-frame-large-flip-2px-padding-horizontal: 3px;
--maneuvering-components-poi-button-icon-size: 36px;
--maneuvering-components-poi-button-large-icon-size: 52px;
--app-components-topbar-margin-global-wide-left: 8px;
--ui-components-card-leading-icon-size: 16px;
--ui-components-card-padding: 8px;
--ui-components-card-heading-container-height: 32px;
--ui-components-card-gap: 4px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-slider-regular-thumb-border-width: 0px;
--ui-components-slider-icon-margin: 8px;
--ui-components-slider-content-padding: 8px;
--ui-components-slider-enhanced-thumb-border-size: 4px;
--ui-components-slider-icon-thumb-height: 48px;
--ui-components-slider-icon-thumb-width: 48px;
--ui-components-slider-icon-icon-container-width: 28px;
--ui-components-slider-icon-track-height: 32px;
--ui-components-slider-indicator-thumb-border-width: 6px;
--ui-components-slider-regular-track-min-padding: 0px;
--ui-components-slider-regular-range-track-min-padding: 0px;
--ui-components-slider-icon-track-min-padding: 8px;
--ui-components-slider-value-track-min-padding: 8px;
--ui-components-slider-icon-track-min-padding-2: 8px;
--ui-components-slider-indicator-track-min-padding: 4px;
--instrument-components-watchface-frame-main-thickness: var(
--frame-thickness
);
--instrument-components-watchface-frame-main-outer-margin: var(
--frame-outer-margin
);
--instrument-components-watchface-number: 0px;
--instrument-components-watchface-frame-main-track-thickness: var(
--instrument-components-watchface-frame-regular-track-thickness
);
--instrument-components-watchface-frame-main-border-radius: var(
--frame-border-radius
);
--instrument-components-watchface-frame-main-double-thickness: var(
--frame-double-thickness
);
--instrument-components-watchface-frame-main-track-size: var(
--frame-track-size
);
--instrument-components-compass-icon-size: 48px;
--instrument-components-compass-icon-margin: 28px;
--maneuvering-components-poi-selection-frame-border-width: 2px;
--maneuvering-components-poi-selection-frame-border-radius: 4px;
--ui-components-accordion-padding-vertical-large: 16px;
--ui-components-accordion-min-height-large: 72px;
--ui-components-accordion-min-height-regular: 48px;
--maneuvering-components-poi-selection-frame-size: 0px;
--maneuvering-components-poi-pointer-pointer-size: 0px;
--app-components-floating-message-item-component-width: 720px;
--app-components-floating-message-item-icon-container-height: 60px;
--app-components-floating-message-item-max-height-text-container: 256px;
--ui-components-icon-button-enhanced-padding-vertical: 8px;
--ui-components-icon-button-enhanced-label-container-width-min: var(
--ui-components-icon-button-enhanced-component-max-size
);
--ui-components-icon-button-enhanced-component-max-size: 72px;
--ui-components-icon-button-enhanced-component-min-size: 56px;
--ui-components-toggle-button-toggle-button-item-vertical-divider-container-padding: 8px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-divider-container-padding-horizontal: 8px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-label-container-width-min: var(
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-padding-vertical: 8px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size: 72px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-min-size: 56px;
--ui-components-rich-button-width-max-horizontal: 320px;
--ui-components-rich-button-width-max-vertical: 160px;
--menu-navigation-components-navigation-item-label-container-padding-right: 24px;
--menu-navigation-components-tab-item-min-width: 56px;
--menu-navigation-components-tab-item-max-width: 400px;
--ui-components-accordion-item-expanded-frame-padding: 20px;
--ui-components-slide-button-padding-vertical: 4px;
--automation-components-typography-value-regular-font-size: var(
--font-size-150
);
--automation-components-readout-item-small-icon-size: 16px;
--automation-components-typography-value-regular-font-weight: var(
--font-weight-semibold
);
--automation-components-typography-value-small-font-size: var(
--font-size-100
);
--automation-components-typography-value-small-font-weight: var(
--font-weight-bold
);
--automation-components-badge-badge-size: 16px;
--ui-components-input-fields-number-input-field-unit-container-padding-left: 4px;
--ui-components-user-button-stack-gap: -8px;
--automation-components-typography-unit-small-font-size: var(--font-size-100);
--automation-components-typography-unit-small-font-weight: var(
--font-weight-regular
);
--automation-components-typography-label-font-size: var(--font-size-100);
--automation-components-typography-label-line-height: var(--line-height-100);
--automation-components-typography-label-font-weight: var(
--typography-font-weight-regular
);
--automation-components-button-progress-bar-size: 54px;
--automation-components-typography-value-enhanced-font-size: var(
--font-size-300
);
--automation-components-typography-value-enhanced-font-weight: var(
--font-weight-semibold
);
--automation-components-typography-value-enhanced-container-height: 52px;
--maneuvering-components-poi-button-icon-size-overlap: 24px;
--maneuvering-components-poi-button-border-radius-square: var(
--border-radius-br-6
);
--maneuvering-components-poi-button-data-padding-vertical: 4px;
--maneuvering-components-poi-button-data-gap: 4px;
--maneuvering-components-poi-button-large-visual-target-square-overlap: 56px;
--maneuvering-components-poi-button-large-icon-size-overlap: 36px;
--maneuvering-components-poi-button-overlap-offset-margin-round: 6px;
--maneuvering-components-poi-button-large-dynamic-icon-container-size: 64px;
--maneuvering-components-poi-button-large-icon-indicator-size: 16px;
--maneuvering-components-poi-button-visual-target-square-overlap: 40px;
--maneuvering-components-poi-indicator-sector-border-width: 6px;
--maneuvering-components-poi-indicator-sector-border-gap: 4px;
--maneuvering-components-poi-indicator-sector-diameter: 52px;
--ui-components-tooltip-pointer-width: 16px;
--ui-components-tooltip-pointer-height: 8px;
--maneuvering-components-poi-button-instrument-alert-frame-size: 56px;
--maneuvering-components-poi-button-location-margin-bottom: 8px;
--maneuvering-components-poi-button-location-border-radius-round: 52px;
--maneuvering-components-poi-button-location-border-radius-sharp: 8px;
--maneuvering-components-poi-button-location-indicator-frame-size: 32px;
--maneuvering-components-poi-button-location-indicator-mark-size: 16px;
--maneuvering-components-poi-button-location-margin-bottom-indicator: 4px;
--maneuvering-components-poi-button-indicator-icon-border-single: 4px;
--automation-components-readout-item-regular-icon-size: 24px;
--automation-components-readout-item-enhanced-icon-size: 32px;
--automation-components-typography-unit-regular-font-size: var(
--font-size-150
);
--automation-components-typography-unit-regular-font-weight: var(
--font-weight-regular
);
--automation-components-typography-unit-enhanced-font-size: var(
--font-size-150
);
--automation-components-typography-unit-enhanced-font-weight: var(
--font-weight-regular
);
--maneuvering-components-poi-button-location-visual-target-size: 52px;
--maneuvering-components-poi-button-location-inner-container-size: 48px;
--maneuvering-components-poi-button-location-visual-target-size-indicator: 32px;
--maneuvering-components-poi-button-location-inner-container-size-indicator: 12px;
--maneuvering-components-poi-button-indicator-vessel-speed-border-width: 2px;
--automation-components-readout-id-tag-vertical-spacer: 2px;
--automation-components-readout-state-container-padding: 8px;
--automation-components-readout-item-small-value-padding: 2px;
--automation-components-readout-item-regular-value-padding: 2px;
--automation-components-readout-item-regular-icon-padding: 2px;
--automation-components-readout-item-small-icon-padding: 2px;
--automation-components-readout-item-enhanced-icon-padding: 2px;
--automation-components-readout-item-enhanced-value-padding: 2px;
--maneuvering-components-poi-group-touch-target: 64px;
--maneuvering-components-poi-group-padding-unchecked-horizontal: 12px;
--maneuvering-components-poi-group-padding-unchecked-top: 16px;
--maneuvering-components-poi-group-padding-unchecked-bottom: 8px;
--maneuvering-components-poi-group-border-radius-round: 64px;
--maneuvering-components-poi-group-border-radius-square: 12px;
--maneuvering-components-poi-group-border-radius-expanded: 12px;
--maneuvering-components-poi-ruler-button-border-radius: 6px;
--maneuvering-components-poi-ruler-button-visual-target: 48px;
--maneuvering-components-poi-ruler-indicator-border-radius: 0px;
--maneuvering-components-poi-ruler-indicator-visual-target: 0px;
--maneuvering-components-poi-ruler-indicator-padding-horizontal: 8px;
--maneuvering-components-poi-ruler-button-padding-horizontal: 12px;
--maneuvering-components-poi-ruler-button-touch-target: 48px;
--maneuvering-components-poi-ruler-indicator-label-spacing: 4px;
--maneuvering-components-poi-ruler-indicator-min-width: 48px;
--automation-components-tanks-regular-badge-padding-horizontal: 4px;
--automation-components-tanks-regular-badge-padding-vertical: 4px;
--automation-components-tanks-regular-content-area-graph-padding: 0px;
--automation-components-button-visual-target-round: 52px;
--automation-components-tanks-regular-value-padding: 4px;
--maneuvering-components-poi-line-ruler-foreground-stroke-width: 1px;
--maneuvering-components-poi-line-ruler-background-stroke-width: 1px;
--maneuvering-components-poi-line-ruler-mask-stroke-width: 8px;
--automation-components-tanks-graphs-advice-indicator-right-padding: 18px;
--maneuvering-components-poi-button-people-touch-target: 56px;
--maneuvering-components-poi-button-people-visual-target-width-remote: 52px;
--maneuvering-components-poi-button-people-visual-target-height-remote: 36px;
--automation-components-tanks-graphs-advice-area-right-padding: 4px;
--automation-components-tanks-graphs-advice-with-icon-right-padding: 50px;
--app-components-media-video-card-border-radius: 8px;
--app-components-media-video-container-padding: 4px;
--app-components-media-video-container-gap: 4px;
--app-components-media-video-card-header-height: 40px;
--app-components-media-video-card-header-padding-horizontal: 12px;
--app-components-media-video-card-header-divider-height: 24px;
--app-components-media-video-card-header-active-padding-horizontal: 16px;
--app-components-media-video-card-active-border-thickness: 4px;
--automation-components-tanks-graphs-advice-detailed-right-padding: 88px;
--automation-components-tanks-graphs-graph-icon-size: 48px;
--automation-components-tanks-graphs-icon-area-padding: 24px;
--automation-components-tanks-graphs-icon-indicator-padding: 40px;
--automation-components-tanks-graphs-icon-indicator-w-icon-padding: 72px;
--automation-components-tanks-graphs-icon-detailed-padding: 110px;
--automation-components-tanks-large-content-area-padding: 4px;
--automation-components-tanks-border-radius: var(
--global-size-spacing-state-container-border-radius
);
--automation-components-tanks-large-value-padding-horizontal: 4px;
--automation-components-tanks-large-badge-padding-vertical: 8px;
--automation-components-tanks-large-badge-padding-horizontal: 4px;
--automation-components-tanks-large-value-paddin-vertical: 8px;
--automation-components-tanks-state-container-padding: 8px;
--automation-components-typography-value-regular-container-height: 28px;
--automation-components-typography-value-small-container-height: 20px;
--instrument-components-compass-arrow-head-width-1: 80px;
--instrument-components-compass-arrow-head-height-1: 48px;
--instrument-components-watchface-label-spacer-size: 32px;
--automation-components-button-state-container-padding: 8px;
--automation-components-tanks-state-container-padding-2: 8px;
--automation-components-readout-item-small-border-radius: 2px;
--automation-components-readout-item-regular-border-radius: 4px;
--automation-components-readout-item-enhanced-border-radius: 4px;
--automation-components-tanks-specialty-tanks-icon-container-size: 48px;
--automation-components-tanks-specialty-tanks-icon-size: 32px;
--automation-components-tanks-specialty-tanks-content-padding: 4px;
--automation-components-tanks-specialty-tanks-divider-width: 0px;
--ui-components-input-fields-rich-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-message-input-field-border-radius: var(
--global-border-radius-border-radius-floating
);
--ui-components-input-fields-number-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-number-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-number-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-number-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-number-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--automation-components-tanks-graphs-advice-detailed-padding: 4px;
--automation-components-tanks-graphs-advice-with-icon-padding: 4px;
--automation-components-tanks-graphs-advice-indicator-padding: 4px;
--automation-components-tanks-graphs-advice-area-padding: 4px;
--automation-components-tanks-regular-content-area-static-padding: 4px;
--automation-components-tanks-large-content-area-padding-top: 0px;
--menu-navigation-components-tab-action-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-tab-action-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-tab-action-button-label-spacing: 8px;
--menu-navigation-components-tab-action-button-divider-height: 24px;
--menu-navigation-components-tab-action-button-padding-horizontal: 16px;
--ui-components-input-fields-rich-input-field-label-spacing: 8px;
--ui-components-input-fields-rich-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-rich-input-field-padding-horizontal: 8px;
--ui-components-input-fields-rich-input-field-padding-vertical: 8px;
--ui-components-input-fields-number-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-number-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-number-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-number-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-number-input-field-stroke-weight: 1px;
--menu-navigation-components-table-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--instrument-components-advice-indicator-indicator-tick-mark-padding: 8px;
--ui-components-communication-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-communication-item-notification-dot-size: 6px;
--ui-components-communication-item-notification-dot-padding: 6px;
--ui-components-communication-item-padding-horizontal: var(
--global-size-spacing-list-item-padding-horizontal
);
--ui-components-communication-item-padding-vertical: var(
--global-size-spacing-list-item-padding-vertical
);
--ui-components-communication-item-label-spacing-description: 4px;
--ui-components-communication-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-text-input-field-required-dot-size: 6px;
--ui-components-input-fields-text-input-field-required-dot-spacer: 4px;
--ui-components-input-fields-text-input-field-vertical-spacer: 4px;
--ui-components-input-fields-text-input-field-visual-size-large: 48px;
--ui-components-input-fields-rich-input-field-vertical-spacer: 4px;
--ui-components-input-fields-number-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-number-input-field-visual-size-large: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-padding-vertical: 4px;
--ui-components-input-fields-number-input-field-vertical-spacer: 4px;
--instrument-components-watchface-label-margin-size: var(
--watchface-label-margin-size
);
--instrument-components-watchface-label-margin-size-1: 32px;
--instrument-components-watchface-label-margin-size-2: 32px;
--instrument-components-watchface-label-margin-size-3: 32px;
--instrument-components-watchface-label-margin-size-4: 32px;
--ui-components-tag-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--ui-components-tag-label-spacing: 4px;
--ui-components-tag-padding-horizontal: 6px;
--ui-components-tag-visual-target: 28px;
--ui-components-tag-border-radius: var(
--global-border-radius-border-radius-tag
);
--global-border-radius-border-radius-tag: var(--border-radius-br-4);
--ui-components-input-fields-number-input-field-padding-horizontal: 8px;
--ui-components-input-fields-number-input-field-label-spacing-title: 4px;
--ui-components-input-fields-text-input-field-label-spacing-title: 4px;
--app-components-alert-frame-label-spacing: 4px;
--app-components-integration-system-icon-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-icon-button-visual-target: 48px;
--app-components-integration-system-icon-button-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-icon-button-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--ui-components-icon-button-border-radius-top-right: var(
--button-border-radius-top-right
);
--ui-components-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--ui-components-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--ui-components-icon-button-stroke-weight-left: var(
--icon-button-stroke-weight-left
);
--ui-components-icon-button-stroke-weight-top: var(
--icon-button-stroke-weight-top
);
--ui-components-icon-button-stroke-weight-right: var(
--icon-button-stroke-weight-right
);
--ui-components-icon-button-stroke-weight-bottom: var(
--icon-button-stroke-weight-bottom
);
--app-components-integration-system-icon-button-padding-horizontal: 56px;
--app-components-integration-system-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--app-components-integration-system-icon-button-border-radius-top-right: var(
--icon-button-border-radius-top-right
);
--app-components-integration-system-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--app-components-integration-system-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--app-components-integration-system-icon-button-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-horizontal-visual-target: 48px;
--app-components-integration-system-navigation-item-horizontal-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-horizontal-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal: 8px;
--app-components-integration-system-navigation-item-horizontal-label-spacing: 4px;
--app-components-integration-system-navigation-item-horizontal-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-horizontal-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-horizontal-padding-vertical: 8px;
--app-components-integration-system-navigation-item-horizontal-label-spacing-xsmall: 2px;
--app-components-integration-system-navigation-item-vertical-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-vertical-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-vertical-visual-target: 48px;
--app-components-integration-system-navigation-item-vertical-label-spacing: 8px;
--app-components-integration-system-navigation-item-vertical-label-spacing-small: 2px;
--app-components-integration-system-navigation-item-vertical-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-vertical-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-vertical-stroke-weight: 1px;
--app-components-integration-system-navigation-item-vertical-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-vertical-padding-horizontal: 8px;
--app-components-integration-system-navigation-item-vertical-padding-vertical: 8px;
--global-typography-instrument-value-large-padding-bottom: 4px;
--global-typography-instrument-value-large-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-large-letter-spacing: -0.5px;
--global-typography-instrument-value-regular-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-regular-container-height: 24px;
--global-typography-instrument-label-container-height: 20px;
--global-typography-instrument-unit-container-height: 20px;
--global-typography-instrument-value-small-container-height: 20px;
--global-typography-instrument-value-small-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-medium-font-size: 34px;
--global-typography-instrument-value-medium-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-medium-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-medium-line-height: 32px;
--global-typography-instrument-value-medium-container-height: 32px;
--global-typography-instrument-value-medium-padding-bottom: 2px;
--global-typography-instrument-value-medium-letter-spacing: -0.5px;
--global-typography-instrument-value-regular-letter-spacing: -0.5px;
--global-typography-instrument-value-large-degree-unit-width: 12px;
--ui-components-boolean-indicator-indicator-height: 8px;
--ui-components-boolean-indicator-indicator-width: 16px;
--ui-components-boolean-indicator-indicator-container-size: 24px;
--ui-components-boolean-indicator-label-spacing: 4px;
--ui-components-boolean-indicator-border-radius: 2px;
--global-typography-instrument-value-regular-padding-bottom: 2px;
--global-typography-instrument-label-padding-bottom: 0px;
--global-typography-instrument-unit-padding-bottom: 0px;
--global-typography-instrument-value-small-padding-bottom: 0px;
--global-typography-instrument-value-medium-degree-unit-width: 8px;
--global-typography-instrument-value-small-degree-unit-width: 4px;
--global-typography-instrument-value-regular-degree-unit-width: 8px;
--instrument-components-readout-new-group-vertical-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-general-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-container-padding-horizontal: 4px;
--instrument-components-readout-new-group-vertical-regular-container-padding-vertical: 4px;
--instrument-components-readout-new-general-regular-min-padding-horizontal: 2px;
--instrument-components-readout-new-group-vertical-regular-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-vertical-regular-container-min-height: 48px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-general-large-min-padding-horizontal: 4px;
--instrument-components-readout-new-group-vertical-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-general-regular-degree-compensation-padding: 6px;
--instrument-components-readout-new-group-vertical-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-gap: 4px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-padding-vertical: 4px;
--instrument-components-readout-new-group-vertical-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-medium-divider-padding: 4px;
--instrument-components-readout-new-group-vertical-regular-divider-padding: 2px;
--instrument-components-readout-new-group-vertical-enhanced-divider-padding: 4px;
--instrument-components-readout-new-group-vertical-regular-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-vertical-medium-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-vertical-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-horizontal: 4px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-vertical: 4px;
--instrument-components-readout-new-group-horizontal-regular-container-min-height: 48px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-trim-padding: 2px;
--instrument-components-readout-new-group-horizontal-regular-min-padding-horizontal: 2px;
--instrument-components-readout-new-group-horizontal-regular-degree-compensation-padding: 6px;
--instrument-components-readout-new-group-horizontal-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-regular-divider-padding: 2px;
--instrument-components-readout-new-group-horizontal-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-divider-padding: 4px;
--instrument-components-readout-new-group-horizontal-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-divider-padding: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-padding: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-gap: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-value-unit-gap: 4px;
--instrument-components-readout-new-group-horizontal-enhanced-label-unit-gap: 0px;
--instrument-components-readout-new-source-button-icon-spacing: 4px;
--instrument-components-readout-new-source-button-icon-size: 24px;
--instrument-components-readout-new-source-button-horizontal-label-padding: 4px;
--instrument-components-readout-new-stack-regular-container-padding-horizontal: 4px;
--instrument-components-readout-new-stack-regular-container-padding-vertical: 4px;
--instrument-components-readout-new-stack-regular-container-min-height: 48px;
--instrument-components-readout-new-stack-regular-horizontal-trim-padding: 2px;
--instrument-components-readout-new-stack-regular-min-padding-horizontal: 2px;
--instrument-components-readout-new-stack-regular-degree-compensation-padding: 6px;
--instrument-components-readout-new-stack-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-regular-divider-padding: 2px;
--instrument-components-readout-new-stack-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-regular-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-stack-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-medium-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-divider-padding: 4px;
--instrument-components-readout-new-stack-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-horizontal-value-container-gap: 4px;
--instrument-components-readout-new-stack-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-enhanced-container-min-height: 0px;
--instrument-components-readout-new-stack-enhanced-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-stack-enhanced-divider-padding: 4px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-padding-vertical: 4px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-gap: 4px;
--instrument-components-readout-new-general-horizontal-trim-padding: 0px;
--instrument-components-readout-new-general-medium-degree-compensation-padding: 8px;
--instrument-components-readout-new-list-item-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-large-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-large-min-height: 0px;
--instrument-components-readout-new-list-item-large-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-regular-value-container-gap: 0px;
--instrument-components-readout-new-list-item-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-medium-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-large-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-large-content-gap: 0px;
--instrument-components-readout-new-list-item-large-value-gap: 0px;
--instrument-components-readout-new-list-item-medium-value-container-gap: 0px;
--instrument-components-readout-new-list-item-medium-content-container-gap: 0px;
--instrument-components-readout-new-list-item-regular-content-container-gap: 0px;
--instrument-components-readout-new-general-regular-icon-size: 20px;
--instrument-components-readout-new-general-medium-icon-size: 20px;
--instrument-components-readout-new-general-large-icon-size: 4px;
--instrument-components-readout-new-general-large-degree-compensation-padding: 8px;
--instrument-components-readout-new-general-large-icon-gap: 4px;
--instrument-components-readout-new-general-medium-icon-gap: 4px;
--instrument-components-readout-new-general-regular-icon-gap: 4px;
--instrument-components-readout-new-general-medium-horizontal-min-padding-horizontal: 0px;
--ui-components-list-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-list-item-label-spacing: 8px;
--ui-components-list-item-label-spacing-small: 4px;
--ui-components-list-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--global-size-spacing-list-item-padding-horizontal: 16px;
--global-size-spacing-list-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--global-size-spacing-list-item-padding-vertical: 8px;
--global-size-spacing-list-item-item-spacing: 8px;
--global-size-spacing-list-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-attachment-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-attachment-item-border-radius: var(
--global-size-spacing-list-item-border-radius
);
--ui-components-attachment-item-negative-spacing: -8px;
--ui-components-attachment-item-label-spacing-large: 16px;
--instrument-components-watchface-scale-stack-spacing: -28px;
--menu-navigation-components-pivot-item-icon-pivot-item-stroke-weight-active-tab: 1px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-top-horizontal-stack: 6px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-label-container: 6px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal-active-tab-container: 8px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-vertical-active-tab-container: 4px;
--instrument-components-watchface-tick-marks-visibility-main: var(
--tick-mark-main-visibility
);
--instrument-components-watchface-tick-marks-visibility-main-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-main-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-main-none: 0px;
--instrument-components-watchface-tick-marks-visibility-primary: var(
--tick-mark-primary-visibility
);
--instrument-components-watchface-tick-marks-visibility-primary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary: var(
--tick-mark-secondary-visibility
);
--instrument-components-watchface-tick-marks-visibility-secondary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-secondary-condenced: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary: var(
--tick-mark-tertiary-visibility
);
--instrument-components-watchface-tick-marks-visibility-tertiary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-tertiary-condenced: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-main-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-primary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary-indicator: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility: var(
--advice-indicator-visibility
);
--instrument-components-advice-indicator-visibility-indicator-visibility-condenced: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-none: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility-regular: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-indicator: 100px;
--ui-components-boolean-indicator-container-border-radius: 6px;
--ui-components-boolean-indicator-container-padding: 4px;
--ui-components-tag-visual-target-large: 40px;
--ui-components-tag-padding-horizontal-large: 6px;
--ui-components-tag-icon-size-large: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tag-label-spacing-large: 4px;
--instrument-components-watchface-scale-size-framed-condenced: 16px;
--instrument-components-watchface-scale-size-framed-indication: 16px;
--instrument-components-watchface-scale-size-framed-none: 0px;
--instrument-components-watchface-scale-size-framed: var(--scale-framed-size);
--ui-components-input-fields-rich-input-field-label-spacing-title: 4px;
--ui-components-toggle-button-visual-size-large: 40px;
--automation-components-badge-new-size: 20px;
--automation-components-typography-new-actual-icon-size-s: 16px;
--automation-components-button-new-state-container-padding: 8px;
--automation-components-badge-new-icon-size: 16px;
--automation-components-badge-new-border-radius: 2px;
--automation-components-button-new-visual-target: 48px;
--automation-components-button-new-visual-target-round: 52px;
--automation-components-button-new-device-container-size: 56px;
--automation-components-button-new-spacer-size: 6px;
--automation-components-button-new-icon-size: 36px;
--automation-components-button-new-progress-bar-size: 48px;
--automation-components-button-new-progress-bar-mask-stroke: 4px;
--automation-components-button-new-icon-double-primary-size: 24px;
--automation-components-button-new-icon-double-secondary-size: 16px;
--automation-components-button-new-icon-size-flat: 48px;
--automation-components-button-new-icon-outline-stroke: 2px;
--automation-components-button-new-border-radius: 6px;
--automation-components-button-new-border-radius-round: 1000px;
--automation-components-typography-new-actual-icon-size-r: 20px;
--automation-components-typography-new-actual-icon-size-m: 24px;
--automation-components-typography-new-actual-icon-size-l: 32px;
--automation-components-typography-new-unit-container-height-s: 20px;
--automation-components-typography-new-unit-container-height-r: 24px;
--automation-components-typography-new-unit-container-height-m: 32px;
--automation-components-typography-new-unit-container-height-l: 40px;
--automation-components-badge-new-icon-size-flat: 20px;
--automation-components-button-new-badge-container: 64px;
--ui-components-progressbars-progress-bar--circular-bar-weight-small: 2px;
--instrument-components-advice-indicator-alert-border-radius-value: 2px;
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius: 9999px;
--ui-components-mode-switch-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-mode-switch-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-mode-switch-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-mode-switch-label-spacing: 8px;
--ui-components-mode-switch-padding-horizontal: 4px;
--ui-components-mode-switch-stroke-weight: 1px;
--ui-components-mode-switch-stroke-weight-left: var(
--button-stroke-weight-left
);
--ui-components-mode-switch-stroke-weight-top: var(
--button-stroke-weight-top
);
--ui-components-mode-switch-stroke-weight-right: var(
--button-stroke-weight-right
);
--ui-components-mode-switch-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--ui-components-mode-switch-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-mode-switch-border-radius-top-left: var(
--button-border-radius-top-left
);
--ui-components-mode-switch-border-radius-top-right: var(
--button-border-radius-top-right
);
--ui-components-mode-switch-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--ui-components-mode-switch-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--ui-components-mode-switch-indicator-active-width: 4px;
--ui-components-mode-switch-indicator-active-height: 32px;
--ui-components-mode-switch-indicator-inactive-width: 0px;
--ui-components-mode-switch-indicator-inactive-height: 0px;
--ui-components-mode-switch-indicator-padding-horizontal: 4px;
--ui-components-mode-switch-padding-vertical: 4px;
--automation-components-hydraulic-valve-thumb-size: 0px;
--instrument-components-advice-indicator-offset-offset-padding: var(
--advice-indicator-offset
);
--instrument-components-advice-indicator-offset-offset-regular: 0px;
--instrument-components-advice-indicator-offset-offset-condenced: 0px;
--instrument-components-advice-indicator-offset-offset-indication: 0px;
--instrument-components-advice-indicator-offset-offset-indication-internal: 16px;
--instrument-components-advice-indicator-offset-offset-indication-center: 0px;
--instrument-components-advice-indicator-offset-offset-none: 0px;
--instrument-components-watchface-scale-size-internal: 0px;
--instrument-components-advice-indicator-container-size: 16px;
--instrument-components-advice-indicator-container-size-container-size: var(
--advice-indicator-container-size
);
--instrument-components-advice-indicator-container-size-size-regular: 16px;
--instrument-components-advice-indicator-container-size-size-condenced: 16px;
--instrument-components-advice-indicator-container-size-size-indication: 16px;
--instrument-components-advice-indicator-container-size-size-indication-internal: 0px;
--instrument-components-advice-indicator-container-size-size-indication-center: 0px;
--instrument-components-advice-indicator-container-size-size-none: 0px;
--instrument-components-advice-indicator-area-line-padding: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-indication: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-internal: 4px;
--instrument-components-advice-indicator-optimal-border-radius-top-left: var(
--advice-optimal-top-left
);
--instrument-components-advice-indicator-optimal-border-radius-top-right: var(
--advice-optimal-top-right
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-left: var(
--advice-optimal-bottom-left
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-right: var(
--advice-optimal-bottom-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-left: var(
--advice-frame-top-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-right: var(
--advice-frame-top-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-left: var(
--advice-frame-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-right: var(
--advice-frame-bottom-right
);
--instrument-components-advice-indicator-padding-indicator-padding-leading: 4px;
--instrument-components-advice-indicator-alert-padding-padding-leading: var(
--advice-frame-padding-leading
);
--instrument-components-advice-indicator-alert-padding-padding-trailing: var(
--advice-frame-padding-trailing
);
--instrument-components-advice-indicator-alert-padding-internal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-alert-padding-internal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-left: var(
--advice-indication-top-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-right: var(
--advice-indication-top-right
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-left: var(
--advice-indication-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-right: var(
--advice-indication-bottom-right
);
--instrument-components-advice-indicator-optimal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-optimal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-point-width: 8px;
--instrument-components-advice-indicator-alert-point-height: 2px;
--instrument-components-advice-indicator-optimal-point-size: 8px;
--ui-components-audio-input-spacing: 4px;
--ui-components-audio-input-dot-size: 4px;
--ui-components-audio-input-height: 32px;
--ui-components-audio-recording-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-audio-recording-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--ui-components-audio-recording-item-padding-horizontal: 8px;
--ui-components-audio-recording-item-label-spacing: 8px;
--ui-components-audio-recording-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-audio-output-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-input-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-recording-item-delete-button-container-size: 44px;
--instrument-components-watchface-frame-main-track-margin: var(
--frame-track-margin
);
--instrument-components-advice-indicator-optimal-tick-mark-padding: 4px;
--menu-navigation-components-date-item-appointment-container-padding: 4px;
--instrument-components-watchface-frame-regular-thickness: 24px;
--instrument-components-watchface-frame-regular-outer-margin: 4px;
--instrument-components-watchface-frame-regular-border-radius: 8px;
--instrument-components-watchface-frame-regular-track-thickness: 72px;
--instrument-components-watchface-frame-regular-track-size: 48px;
--instrument-components-watchface-frame-regular-track-margin: 28px;
--instrument-components-watchface-frame-regular-double-thickness: 96px;
--instrument-components-watchface-frame-condenced-thickness: 16px;
--instrument-components-watchface-frame-condenced-outer-margin: 4px;
--instrument-components-watchface-frame-condenced-border-radius: 8px;
--instrument-components-watchface-frame-condenced-total-thickness: 72px;
--instrument-components-watchface-frame-condenced-track-size: 48px;
--instrument-components-watchface-frame-condenced-track-margin: 28px;
--instrument-components-watchface-frame-condenced-double-thickness: 96px;
--app-components-integration-system-dropdown-menu-padding-horizontal: 8px;
--app-components-integration-system-dropdown-menu-spacing-horizontal: 8px;
--app-components-integration-system-dropdown-menu-action-container-height: 64px;
--app-components-integration-system-dropdown-menu-border-radius: 64px;
--ui-components-app-button-border-radius-small: 16px;
--ui-components-app-button-border-radius-large: 24px;
--app-components-integration-system-app-bar-fleet-container-border-radius: 18px;
--ui-components-two-step-action-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-two-step-action-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-two-step-action-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-integration-system-navigation-item-horizontal-label-spacing-small: 4px;
--global-typography-ui-title-font-size: 34px;
--global-typography-ui-title-line-height: 32px;
--global-typography-ui-title-font-weight: var(
--typography-font-weight-semibold
);
--global-typography-ui-title-letter-spacing: -0.5px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal-large: 12px;
--ui-components-accordion-item-label-spacing-small: 4px;
--menu-navigation-components-navigation-item-label-spacing-small: 4px;
--app-components-integration-system-topbar-margin-global: 4px;
--app-components-integration-system-topbar-touch-target-size: var(
--app-components-topbar-touch-target-size
);
--app-components-integration-system-topbar-item-spacing: 8px;
--app-components-integration-system-status-indicator-padding-horizontal: 8px;
--app-components-integration-system-status-indicator-label-spacing: 8px;
--app-components-integration-system-status-indicator-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-integration-system-status-indicator-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-status-indicator-height: 40px;
}
.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: 6px;
--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-ui-button-font-size: var(--font-size-200);
--global-typography-ui-button-line-height: var(--line-height-200);
--global-typography-ui-button-font-weight: var(--font-weight-semibold);
--global-typography-ui-label-font-size: var(--font-size-150);
--global-typography-ui-label-line-height: var(--line-height-150);
--global-typography-ui-label-font-weight: var(--font-weight-regular);
--global-typography-ui-body-font-size: var(--font-size-200);
--global-typography-ui-body-line-height: var(--line-height-200);
--global-typography-ui-body-font-weight: var(--font-weight-regular);
--global-typography-ui-body-active-font-size: var(--font-size-200);
--global-typography-ui-body-active-line-height: var(--line-height-200);
--global-typography-ui-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: 56px;
--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;
--app-components-badge-icon-size: 18px;
--app-components-badge-label-spacing: 2px;
--app-components-badge-border-radius: var(--border-radius-br-4);
--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-nav-item-and-menus-padding-horizonal-list-item
);
--menu-navigation-components-navigation-item-margin-horizontal-icon-button: 6px;
--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;
--app-components-alert-frame-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--app-components-alert-frame-large-flip-4px-padding-horizontal: 6px;
--app-components-alert-frame-large-flip-padding-vertical: 4px;
--app-components-alert-frame-small-flip-border-radius: 3px;
--global-typography-ui-overline-font-size: var(--font-size-200);
--global-typography-ui-overline-line-height: var(--line-height-200);
--global-typography-ui-overline-font-weight: var(--font-weight-semibold);
--global-typography-ui-overline-letter-spacing: 0.3499999940395355px;
--global-typography-ui-label-active-font-size: var(--font-size-150);
--global-typography-ui-label-active-line-height: var(--line-height-150);
--global-typography-ui-label-active-font-weight: var(--font-weight-bold);
--app-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-nav-item-and-menus-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-nav-item-and-menus-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);
--app-components-alert-frame-large-flip-padding: var(
--app-components-badge-border-radius
);
--app-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-nav-item-and-menus-padding-horizonal-list-item: 16px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item: 0px;
--ui-components-radio-button-margin: var(
--global-size-spacing-nav-item-and-menus-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-weight: 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-input-fields-text-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-text-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-text-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-text-input-field-label-spacing: 12px;
--ui-components-input-fields-text-input-field-padding-vertical: 6px;
--ui-components-input-fields-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-input-fields-text-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-text-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-text-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-text-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--ui-components-input-fields-text-input-field-stroke-weight: 1px;
--ui-components-toggle-button-toggle-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-toggle-button-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-toggle-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-toggle-button-item-label-spacing: 12px;
--ui-components-toggle-button-toggle-button-item-padding-horizontal: 8px;
--ui-components-toggle-button-toggle-button-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-toggle-button-toggle-button-item-description-spacing: 8px;
--ui-components-input-fields-text-input-field-padding-horizontal: 12px;
--ui-components-input-fields-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-input-fields-text-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-text-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-text-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-text-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-text-input-field-padding-right: var(
--input-field-padding-right
);
--ui-components-input-fields-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-nav-item-and-menus-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-nav-item-and-menus-margin-vertical-context-menu: 6px;
--ui-components-context-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--ui-components-checkbox-margin: var(
--global-size-spacing-nav-item-and-menus-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-ui-button-two-line-font-size: var(--font-size-150);
--global-typography-ui-button-two-line-line-height: var(--line-height-100);
--global-typography-ui-button-two-line-font-weight: var(--font-weight-bold);
--global-typography-ui-button-two-line-letter-spacing: 0.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-toggle-button-icon-toggle-button-horizontal-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-label-spacing-hug: 12px;
--ui-components-toggle-button-icon-toggle-button-horizontal-item-border-radius: var(
--global-border-radius-border-radius-base
);
--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-value-thumb-height: 48px;
--ui-components-slider-value-thumb-width: var(
--global-size-spacing-touch-target-min
);
--ui-components-slider-value-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: 6px;
--app-components-badge-icon-size-flat: 24px;
--app-components-badge-icon-size-flat-border-weight: 1px;
--ui-components-elevated-card-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-keyboard-nummeric-action-button-width: 156px;
--ui-components-keyboard-nummeric-component-width-min: 468px;
--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: 0px;
--app-components-clock-colon-size: 4px;
--app-components-clock-colon-spacing: 6px;
--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-item-padding-counter-right: 3px;
--app-components-alert-button-item-counter-spacing: 2px;
--app-components-topbar-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-topbar-message-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-topbar-message-item-label-spacing: 12px;
--app-components-topbar-message-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-topbar-message-item-touch-target-size-tall: var(
--app-components-topbar-touch-target-tall
);
--app-components-topbar-message-item-visual-target-size-tall: 84px;
--app-components-topbar-message-item-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-topbar-message-item-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-topbar-message-item-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-topbar-message-item-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-topbar-message-item-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-topbar-message-item-stroke-weight: 1px;
--app-components-topbar-message-item-stroke-weight-left: var(
--notification-message-stroke-weight-left
);
--app-components-topbar-message-item-stroke-weight-top: var(
--notification-message-stroke-weight-top
);
--app-components-topbar-message-item-stroke-weight-right: var(
--notification-message-stroke-weight-right
);
--app-components-topbar-message-item-stroke-weight-bottom: var(
--notification-message-stroke-weight-bottom
);
--app-components-topbar-message-item-padding-horizontal: 12px;
--app-components-topbar-message-item-label-padding: 6px;
--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
);
--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(
--global-border-radius-border-radius-base
);
--ui-components-chip-label-spacing: 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-touch-target-tall: 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-nav-item-and-menus-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: var(
--global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
);
--ui-components-accordion-item-border-radius: var(--border-radius-br-0);
--ui-components-accordion-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-height-active-tab: 4px;
--ui-components-toggle-switch-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-menu-item-padding-horizontal-right: 12px;
--menu-navigation-components-table-item-padding-top-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
);
--app-components-badge-icon-size-large: 32px;
--app-components-badge-label-spacing-large: 3px;
--app-components-notification-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-menu-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-menu-item-label-spacing: 12px;
--app-components-notification-menu-item-padding-horizontal: var(
--app-components-alert-menu-item-padding-horizontal-left
);
--app-components-notification-menu-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--menu-navigation-components-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-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: 0px;
--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-vertical: 12px;
--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: 96px;
--app-components-alert-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-menu-item-label-spacing: 12px;
--app-components-alert-menu-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-menu-item-button-size: 132px;
--app-components-alert-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-alert-menu-item-padding-vertical: 12px;
--app-components-alert-menu-item-chevron-container-size: 48px;
--ui-components-slider-regular-tick-height: 6px;
--ui-components-slider-discrete-leading-icon-padding: 12px;
--app-components-notification-menu-item-padding-vertical: 6px;
--ui-components-slider-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-slider-thumb-border-radius: var(
--global-border-radius-border-radius-round
);
--app-components-floating-message-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--global-size-spacing-icon-icon-size-large: 48px;
--app-components-floating-message-item-label-spacing: 12px;
--app-components-floating-message-item-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-floating-message-item-padding-horizontal-left: 24px;
--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-menu-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-value-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-item-min-width: var(
--global-size-spacing-touch-target-min
);
--app-components-badge-min-size-large: 38px;
--ui-components-context-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-list-item
);
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu: 6px;
--menu-navigation-components-navigation-item-margin-horizontal-list-item: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item
);
--app-components-alert-menu-item-icon-spacing: 6px;
--menu-navigation-components-table-item-icon-spacing: 6px;
--global-size-spacing-nav-item-and-menus-margin-vertical-menu: 24px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu: 24px;
--global-size-spacing-icon-n: 0px;
--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-nav-item-and-menus-margin-horizontal-menu
);
--app-components-dimming-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-regular: 6px;
--ui-components-progressbars-progress-button--linear-bar-height: 6px;
--ui-components-progressbars-progress-button--linear-padding-vertical-bar: 0px;
--ui-components-progressbars-progress-button--linear-padding-horizontal-bar: 0px;
--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-horizontal-stack: 4px;
--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-nav-item-and-menus-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-notification-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu
);
--app-components-system-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-output-height: 32px;
--ui-components-audio-output-width: 16px;
--ui-components-audio-output-spacing: 12px;
--menu-navigation-components-date-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--menu-navigation-components-date-item-padding-horizontal: 12px;
--menu-navigation-components-date-item-padding-bottom: 12px;
--menu-navigation-components-date-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-date-item-border-radius: var(
--global-border-radius-border-radius-base
);
--menu-navigation-components-date-item-indicator-size: 6px;
--menu-navigation-components-date-item-indicator-spacing: 3px;
--menu-navigation-components-date-item-vertical-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: 12px;
--menu-navigation-components-date-item-indicator-padding: 4px;
--menu-navigation-components-calendar-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--menu-navigation-components-calendar-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-navigation-menu-footer-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-footer-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-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-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-nav-item-and-menus-margin-vertical-menu
);
--app-components-command-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-padding-horizontal-icon: 12px;
--menu-navigation-components-table-header-item-padding-horizontal: 12px;
--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: 24px;
--automation-components-badge-border-radius: 2px;
--automation-components-badge-padding: 0px;
--app-components-navigation-menu-sub-page-padding-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-sub-page-padding-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-breadcrumbs-padding-horizontal: 0px;
--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
);
--ui-components-rich-button-padding-vertical-small: 6px;
--ui-components-context-menu-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--number: 0px;
--ui-components-elevated-card-touch-target-min: 96px;
--app-components-modal-label-spacing: 12px;
--app-components-modal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-table-header-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--menu-navigation-components-table-header-row-first-column-width: 560px;
--menu-navigation-components-table-header-item-margin-horizontal: 6px;
--menu-navigation-components-scroll-bar-padding: 6px;
--menu-navigation-components-table-item-button-spacing: 12px;
--global-typography-instrument-label-font-size: 22px;
--global-typography-instrument-label-font-weight: var(--font-weight-semibold);
--global-typography-instrument-label-line-height: 32px;
--global-typography-instrument-unit-font-size: 24px;
--global-typography-instrument-unit-font-weight: var(--font-weight-regular);
--global-typography-instrument-unit-line-height: 32px;
--global-typography-instrument-value-large-container-height: 64px;
--global-typography-instrument-value-large-font-size: 68px;
--global-typography-instrument-value-large-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-large-line-height: 64px;
--global-typography-instrument-value-regular-font-size: 34px;
--global-typography-instrument-value-regular-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-regular-line-height: 40px;
--global-typography-instrument-value-small-font-size: 22px;
--global-typography-instrument-value-small-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-small-line-height: 32px;
--global-typography-font-family: var(--font-family-main);
--global-typography-instrument-tick-mark-font-size: var(--font-size-150);
--global-typography-instrument-tick-mark-font-weight: var(
--font-weight-regular
);
--global-typography-instrument-tick-mark-line-height: var(--line-height-150);
--global-typography-instrument-tick-mark-active-font-size: var(
--font-size-150
);
--global-typography-instrument-tick-mark-active-font-weight: var(
--font-weight-bold
);
--global-typography-instrument-tick-mark-active-line-height: var(
--line-height-150
);
--instrument-components-advice-indicator-margin-indicator-margin: 6px;
--instrument-components-advice-indicator-margin-indicator-margin-condenced: 4px;
--instrument-components-advice-indicator-margin-indicator-margin-none: 6px;
--instrument-components-advice-indicator-margin-indicator-margin-regular: 4px;
--instrument-components-advice-indicator-optional-padding: 8px;
--instrument-components-advice-indicator-padding-indicator-padding: var(
--advice-indicator-padding
);
--instrument-components-advice-indicator-padding-indicator-padding-condenced: 4px;
--instrument-components-advice-indicator-padding-indicator-padding-none: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-regular: 4px;
--instrument-components-advice-indicator-indicator-point-stroke-thickness: 2px;
--instrument-components-advice-indicator-indicator-thickness-alert: 8px;
--instrument-components-advice-indicator-indicator-thickness-enhanced: 24px;
--instrument-components-advice-indicator-indicator-thickness-regular: 12px;
--infographic-components-bar-chart-bar-border-radius: 0px;
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-left: var(
--bar-chart-bar-horizontal-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-right: var(
--bar-chart-bar-horizontal-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-left: var(
--bar-chart-bar-horizontal-border-radius-top-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-right: var(
--bar-chart-bar-horizontal-border-radius-top-right
);
--infographic-components-bar-chart-bar-horizontal-padding-left: var(
--bar-chart-bar-horizontal-padding-left
);
--infographic-components-bar-chart-bar-horizontal-padding-right: var(
--bar-chart-bar-horizontal-padding-right
);
--infographic-components-bar-chart-bar-padding: 0px;
--infographic-components-bar-chart-bar-spacing: 0px;
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-left: var(
--bar-chart-bar-vertical-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-right: var(
--bar-chart-bar-vertical-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-left: var(
--bar-chart-bar-vertical-border-radius-top-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-right: var(
--bar-chart-bar-vertical-border-radius-top-right
);
--infographic-components-bar-chart-bar-vertical-padding-bottom: var(
--bar-chart-bar-vertical-padding-bottom
);
--infographic-components-bar-chart-bar-vertical-padding-top: var(
--bar-chart-bar-vertical-padding-top
);
--infographic-components-bar-bar-border-radius: 0px;
--infographic-components-bar-bar-border-radius-bottom-left: 0px;
--infographic-components-bar-bar-border-radius-bottom-right: 0px;
--infographic-components-bar-bar-border-radius-top-left: 0px;
--infographic-components-bar-bar-border-radius-top-right: 0px;
--infographic-components-donut-chart-diviter-border-size: 0px;
--infographic-components-grouped-bar-min-width: 0px;
--infographic-components-grouped-bar-padding-horizontal: 0px;
--infographic-components-histogram-bar-column-padding: 0px;
--infographic-components-histogram-bar-min-width: 0px;
--infographic-components-trend-bar-width: 32px;
--icon-size: 24px;
--instrument-components-input-baseline-padding: 8px;
--instrument-components-input-icon-container-size: 48px;
--instrument-components-input-icon-size: 48px;
--instrument-components-input-icon-size-condenced: 48px;
--instrument-components-input-icon-size-indicator: 48px;
--instrument-components-input-icon-size-none: 48px;
--instrument-components-input-icon-size-regular: 48px;
--instrument-components-output-pointer-size: 24px;
--instrument-components-output-pointer-stroke-width: 4px;
--instrument-components-output-trend-bar-width: 24px;
--instrument-components-readout-button-height: 0px;
--instrument-components-readout-demo-3: 0px;
--instrument-components-readout-divider-height-regular: 0px;
--instrument-components-readout-divider-height-small: 0px;
--instrument-components-readout-enhanced-line-height: 64px;
--instrument-components-readout-horizontal-regular-label-padding: 0px;
--instrument-components-readout-icon-spacing: 0px;
--instrument-components-readout-icon-icon-size-enhanced: 48px;
--instrument-components-readout-icon-icon-size-regular: 64px;
--instrument-components-readout-icon-icon-size-small: 48px;
--instrument-components-readout-label-unit-padding: 0px;
--instrument-components-readout-label-unit-spacing: 0px;
--instrument-components-readout-padding-horizontal: 0px;
--instrument-components-readout-padding-vertical: 0px;
--instrument-components-readout-touch-target: 64px;
--instrument-components-readout-vertical-input-vertical-frame-padding: 0px;
--instrument-components-readout-vertical-input-vertical-padding: 0px;
--instrument-components-stroke-alarm-stroke-width: 4px;
--instrument-components-stroke-target-stroke-width: 2px;
--instrument-components-watchface-label-container-height: 24px;
--instrument-components-watchface-label-container-padding: 8px;
--instrument-components-watchface-label-size: "Regular";
--instrument-components-watchface-label-spacing: 4px;
--instrument-components-watchface-label-container-height: 48px;
--instrument-components-watchface-label-container-size: 48px;
--instrument-components-watchface-label-container-size-1: 0px;
--instrument-components-watchface-label-container-size-2: 0px;
--instrument-components-watchface-label-container-size-3: 0px;
--instrument-components-watchface-label-container-size-4: 0px;
--instrument-components-watchface-label-container-size-rotating: var(
--watchface-label-container-width
);
--instrument-components-watchface-label-horizontal-padding: 4px;
--instrument-components-watchface-label-icon-size: 32px;
--instrument-components-watchface-label-vertical-padding: 0px;
--instrument-components-watchface-scale-margin: var(--scale-margin);
--instrument-components-watchface-scale-margin-condenced: 20px;
--instrument-components-watchface-scale-margin-indication: 20px;
--instrument-components-watchface-scale-margin-regular: 28px;
--instrument-components-watchface-scale-padding: var(--scale-padding);
--instrument-components-watchface-scale-padding-condenced: 4px;
--instrument-components-watchface-scale-padding-none: 4px;
--instrument-components-watchface-scale-padding-regular: 4px;
--instrument-components-watchface-scale-size: var(--scale-size);
--instrument-components-watchface-scale-size-condeced: 24px;
--instrument-components-watchface-scale-size-framed-regular: 32px;
--instrument-components-watchface-scale-size-indication: 24px;
--instrument-components-watchface-scale-size-none: 0px;
--instrument-components-watchface-scale-size-regular: 32px;
--instrument-components-watchface-tick-marks-length-main: var(
--tick-mark-main
);
--instrument-components-watchface-tick-marks-length-main-condenced: 28px;
--instrument-components-watchface-tick-marks-length-main-none: 20px;
--instrument-components-watchface-tick-marks-length-main-regular: 32px;
--instrument-components-watchface-tick-marks-length-primary: var(
--tick-mark-primary
);
--instrument-components-watchface-tick-marks-length-primary-condenced: 16px;
--instrument-components-watchface-tick-marks-length-primary-none: 0px;
--instrument-components-watchface-tick-marks-length-primary-regular: 30px;
--instrument-components-watchface-tick-marks-length-secondary: var(
--tick-mark-secondary
);
--instrument-components-watchface-tick-marks-length-secondary-condenced: 8px;
--instrument-components-watchface-tick-marks-length-secondary-none: 0px;
--instrument-components-watchface-tick-marks-length-secondary-regular: 8px;
--instrument-components-watchface-tick-marks-length-tertiary: var(
--tick-mark-tertiary
);
--instrument-components-watchface-tick-marks-length-tertiary-condenced: 4px;
--instrument-components-watchface-tick-marks-length-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-length-tertiary-regular: 4px;
--instrument-components-demo: 0px;
--app-components-user-menu-label-spacing: 12px;
--app-components-topbar-message-item-tall-padding-vertical: 4px;
--app-components-alert-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-button-item-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-alert-button-item-padding-horizontal: 8px;
--app-components-alert-counter-item-badge-spacing: 6px;
--app-components-alert-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-advice-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-advice-button-stack-spacing: 12px;
--app-components-advice-button-margin-horizontal: 12px;
--app-components-advice-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-advice-button-counter-spacing: 2px;
--app-components-advice-button-padding-horizontal: 8px;
--app-components-notification-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-message-item-stack-spacing: 12px;
--app-components-notification-button-padding-horizontal: 8px;
--app-components-notification-button-counter-spacing: 2px;
--app-components-notification-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-topbar-message-item-cta-button-width: 96px;
--app-components-topbar-message-item-icon-spacing: 6px;
--app-components-alert-button-tall-padding-vertical: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-notification-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-advice-message-item-stack-spacing: 12px;
--app-components-advice-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-alert-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-alert-menu-item-margin-vertical: 6px;
--app-components-alert-menu-footer-padding-horizontal: 24px;
--app-components-alert-menu-footer-container-height: 108px;
--app-components-alert-menu-item-padding-horizontal-left: 24px;
--app-components-alert-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-alert-table-row-nesting-spacer: 54px;
--app-components-alert-table-row-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-table-row-ack-container-width-regular: 192px;
--app-components-alert-table-row-ack-container-width-small: 120px;
--app-components-alert-info-alert-detail-card-widt: 480px;
--app-components-alert-info-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-info-label-spacing: 12px;
--app-components-alert-info-icon-spacing: 6px;
--app-components-alert-info-max-height-graphic-readout: 360px;
--app-components-alert-toolbar-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-toolbar-label-spacing: 12px;
--app-components-alert-toolbar-icon-spacing: 6px;
--app-components-alert-toolbar-toggle-button-width: 540px;
--app-components-alert-toolbar-margin-horizontal: 24px;
--app-components-alert-info-margin-horizontal-card: 24px;
--app-components-alert-info-margin-horizontal-modal: 32px;
--app-components-alert-info-margin-vertical-modal: 24px;
--app-components-alert-info-margin-vertical-card: 24px;
--app-components-alert-info-info-spacing: 24px;
--app-components-alert-table-row-cell-width-small: 72px;
--app-components-alert-table-row-cell-width-medium: 192px;
--app-components-alert-table-row-cell-width-large: 360px;
--app-components-topbar-message-item-width: 960px;
--app-components-alert-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-floating-message-item-padding-vertical-single: 12px;
--app-components-floating-message-item-padding-vertical-text-container: 6px;
--app-components-floating-message-item-padding-horizontal-right: 12px;
--app-components-floating-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-floating-message-item-icon-container-width: 64px;
--app-components-topbar-padding-double: 18px;
--app-components-alert-details-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-details-label-spacing: 6px;
--app-components-notification-menu-component-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-padding-vertical: 12px;
--app-components-advice-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-advice-menu-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-advice-menu-footer-container-height: 96px;
--app-components-advice-menu-footer-padding-horizontal: 12px;
--app-components-alert-menu-button-spacing: 12px;
--maneuvering-components-poi-button-border-radius-round: 0px;
--maneuvering-components-poi-button-touch-target: 72px;
--maneuvering-components-poi-button-visual-target-round: 72px;
--maneuvering-components-poi-line-regular-foreground-stroke-width: 1px;
--maneuvering-components-poi-line-regular-background-stroke-width: 1px;
--maneuvering-components-poi-line-active-foreground-stroke-width: 2px;
--maneuvering-components-poi-line-active-background-stroke-width: 3px;
--maneuvering-components-poi-line-regular-mask-stroke-width: 8px;
--maneuvering-components-poi-line-active-mask-stroke-width: 8px;
--app-components-alert-table-row-cell-width-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-info-button-spacing: 12px;
--app-components-alert-info-padding-action-container: 12px;
--app-components-clock-colon-stroke-size: 1px;
--app-components-alert-button-2-digits-fixed-width: 96px;
--app-components-alert-button-fill-min-width: 216px;
--app-components-alert-button-touch-target-min: 96px;
--app-components-alert-button-padding-horizontal: 12px;
--app-components-message-menu-item-icon-size-regular: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-message-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-message-menu-item-label-spacing: 12px;
--app-components-message-menu-item-padding-vertical-8: 12px;
--app-components-message-menu-item-icon-spacing: 6px;
--app-components-message-menu-item-icon-container-padding-vertical: 6px;
--app-components-message-menu-item-padding-vertical-4: 6px;
--app-components-message-menu-item-padding-vertical-12: 18px;
--app-components-message-menu-item-padding-horizontal: 24px;
--app-components-advice-menu-title-containet-height: 96px;
--app-components-notification-menu-footer-container-height: 96px;
--maneuvering-components-poi-button-visual-target-square: 72px;
--maneuvering-components-poi-id-tag-min-size: 32px;
--maneuvering-components-poi-button-large-touch-target: 72px;
--maneuvering-components-poi-button-large-visual-target-round: 72px;
--maneuvering-components-poi-button-large-visual-target-round-overlap: 72px;
--maneuvering-components-poi-button-large-visual-target-square: 72px;
--maneuvering-components-poi-id-tag-container-height: 0px;
--maneuvering-components-poi-button-overlap-offset-padding: 16px;
--maneuvering-components-poi-button-visual-target-round-overlap: 72px;
--maneuvering-components-poi-button-indicator-overlap-padding: 72px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-size: 72px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-gap: 72px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-alert-gap: 72px;
--ui-components-toggletip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggletip-label-spacing: 12px;
--ui-components-toggletip-content-padding-horizontal: 24px;
--ui-components-toggletip-content-padding-vertical: 12px;
--ui-components-toggletip-content-spacing-vertical: 24px;
--ui-components-toggletip-header-padding-horizontal-left: 24px;
--ui-components-toggletip-header-padding-horizontal-right: 12px;
--ui-components-toggletip-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-tooltip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tooltip-size: 48px;
--ui-components-tooltip-label-spacing: 12px;
--ui-components-tooltip-border-radius: 6px;
--ui-components-tooltip-padding-vertical: 12px;
--ui-components-toggletip-header-padding-vertical-top: 12px;
--ui-components-toggletip-stroke-weight: 3px;
--ui-components-toggletip-pointer-width: 28px;
--ui-components-toggletip-pointer-height: 18px;
--ui-components-toggletip-button-spacing: 12px;
--ui-components-toggletip-header-padding-vertical-bottom: var(
--ui-components-toggletip-header-padding-vertical-top
);
--maneuvering-components-poi-selection-frame-button-selection-frame-gap: 0px;
--maneuvering-components-poi-selection-frame-button-selection-frame-gap-alert: 0px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap: 0px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap-alert: 0px;
--maneuvering-components-poi-button-indicator-icon-border-filled: 0px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-padding: 16px;
--infographic-components-legend-item-checkbox-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-padding-horizontal: 12px;
--infographic-components-legend-item-checkbox-padding-horizontal: var(
--ui-components-checkbox-padding-horizontal
);
--infographic-components-legend-item-checkbox-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-indicator-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-horizontal: 12px;
--infographic-components-legend-item-button-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-vertical: 6px;
--infographic-components-legend-item-indicator-padding-vertical: 6px;
--infographic-components-legend-item-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-border-radius: 3px;
--infographic-components-legend-item-checkbox-border-radius: var(
--ui-components-checkbox-border-radius
);
--infographic-components-legend-item-button-border-radius: var(
--global-border-radius-border-radius-base
);
--infographic-components-legend-item-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--infographic-components-legend-item-checkbox-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-checkbox-visual-target-size: var(
--global-size-spacing-selection-size-min
);
--infographic-components-legend-spacing-vertical: 6px;
--infographic-components-legend-spacing-horizontal: 12px;
--infographic-components-legend-item-indicator-visual-target-size: 24px;
--app-components-alert-frame-stroke-width-thick: 6px;
--app-components-alert-frame-stroke-width-thin: 3px;
--app-components-alert-frame-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-alert-frame-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-alert-frame-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-alert-frame-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-alert-frame-small-flip-padding-horizontal: 3px;
--app-components-alert-frame-small-flip-padding-vertical: 4px;
--app-components-alert-frame-small-flip-spacing: 3px;
--app-components-alert-frame-large-flip-spacing: 3px;
--app-components-alert-frame-large-flip-2px-padding-horizontal: 4px;
--maneuvering-components-poi-button-icon-size: 48px;
--maneuvering-components-poi-button-large-icon-size: 0px;
--app-components-topbar-margin-global-wide-left: 12px;
--ui-components-card-leading-icon-size: 16px;
--ui-components-card-padding: 8px;
--ui-components-card-heading-container-height: 32px;
--ui-components-card-gap: 4px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-slider-regular-thumb-border-width: 0px;
--ui-components-slider-icon-margin: 12px;
--ui-components-slider-content-padding: 12px;
--ui-components-slider-enhanced-thumb-border-size: 4px;
--ui-components-slider-icon-thumb-height: 72px;
--ui-components-slider-icon-thumb-width: 72px;
--ui-components-slider-icon-icon-container-width: 32px;
--ui-components-slider-icon-track-height: 48px;
--ui-components-slider-indicator-thumb-border-width: 8px;
--ui-components-slider-regular-track-min-padding: 0px;
--ui-components-slider-regular-range-track-min-padding: 0px;
--ui-components-slider-icon-track-min-padding: 12px;
--ui-components-slider-value-track-min-padding: 12px;
--ui-components-slider-icon-track-min-padding-2: 12px;
--ui-components-slider-indicator-track-min-padding: 8px;
--instrument-components-watchface-frame-main-thickness: var(
--frame-thickness
);
--instrument-components-watchface-frame-main-outer-margin: var(
--frame-outer-margin
);
--instrument-components-watchface-number: 0px;
--instrument-components-watchface-frame-main-track-thickness: var(
--instrument-components-watchface-frame-regular-track-thickness
);
--instrument-components-watchface-frame-main-border-radius: var(
--frame-border-radius
);
--instrument-components-watchface-frame-main-double-thickness: var(
--frame-double-thickness
);
--instrument-components-watchface-frame-main-track-size: var(
--frame-track-size
);
--instrument-components-compass-icon-size: 72px;
--instrument-components-compass-icon-margin: 42px;
--maneuvering-components-poi-selection-frame-border-width: 0px;
--maneuvering-components-poi-selection-frame-border-radius: 0px;
--ui-components-accordion-padding-vertical-large: 24px;
--ui-components-accordion-min-height-large: 96px;
--ui-components-accordion-min-height-regular: 72px;
--maneuvering-components-poi-selection-frame-size: 0px;
--maneuvering-components-poi-pointer-pointer-size: 0px;
--app-components-floating-message-item-component-width: 960px;
--app-components-floating-message-item-icon-container-height: 80px;
--app-components-floating-message-item-max-height-text-container: 384px;
--ui-components-icon-button-enhanced-padding-vertical: 12px;
--ui-components-icon-button-enhanced-label-container-width-min: var(
--ui-components-icon-button-enhanced-component-max-size
);
--ui-components-icon-button-enhanced-component-max-size: 96px;
--ui-components-icon-button-enhanced-component-min-size: 72px;
--ui-components-toggle-button-toggle-button-item-vertical-divider-container-padding: 12px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-divider-container-padding-horizontal: 12px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-label-container-width-min: var(
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-padding-vertical: 12px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size: 96px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-min-size: 72px;
--ui-components-rich-button-width-max-horizontal: 360px;
--ui-components-rich-button-width-max-vertical: 192px;
--menu-navigation-components-navigation-item-label-container-padding-right: 32px;
--menu-navigation-components-tab-item-min-width: 72px;
--menu-navigation-components-tab-item-max-width: 480px;
--ui-components-accordion-item-expanded-frame-padding: 24px;
--ui-components-slide-button-padding-vertical: 8px;
--automation-components-typography-value-regular-font-size: var(
--font-size-200
);
--automation-components-readout-item-small-icon-size: 24px;
--automation-components-typography-value-regular-font-weight: var(
--font-weight-semibold
);
--automation-components-typography-value-small-font-size: var(
--font-size-150
);
--automation-components-typography-value-small-font-weight: var(
--font-weight-semibold
);
--automation-components-badge-badge-size: 20px;
--ui-components-input-fields-number-input-field-unit-container-padding-left: 6px;
--ui-components-user-button-stack-gap: -12px;
--automation-components-typography-unit-small-font-size: var(--font-size-150);
--automation-components-typography-unit-small-font-weight: var(
--font-weight-regular
);
--automation-components-typography-label-font-size: var(--font-size-150);
--automation-components-typography-label-line-height: var(--line-height-150);
--automation-components-typography-label-font-weight: var(
--typography-font-weight-regular
);
--automation-components-button-progress-bar-size: 72px;
--automation-components-typography-value-enhanced-font-size: var(
--font-size-400
);
--automation-components-typography-value-enhanced-font-weight: var(
--font-weight-semibold
);
--automation-components-typography-value-enhanced-container-height: 64px;
--maneuvering-components-poi-button-icon-size-overlap: 48px;
--maneuvering-components-poi-button-border-radius-square: 0px;
--maneuvering-components-poi-button-data-padding-vertical: 8px;
--maneuvering-components-poi-button-data-gap: 8px;
--maneuvering-components-poi-button-large-visual-target-square-overlap: 72px;
--maneuvering-components-poi-button-large-icon-size-overlap: 0px;
--maneuvering-components-poi-button-overlap-offset-margin-round: 16px;
--maneuvering-components-poi-button-large-dynamic-icon-container-size: 72px;
--maneuvering-components-poi-button-large-icon-indicator-size: 72px;
--maneuvering-components-poi-button-visual-target-square-overlap: 72px;
--maneuvering-components-poi-indicator-sector-border-width: 8px;
--maneuvering-components-poi-indicator-sector-border-gap: 6px;
--maneuvering-components-poi-indicator-sector-diameter: 6px;
--ui-components-tooltip-pointer-width: 24px;
--ui-components-tooltip-pointer-height: 12px;
--maneuvering-components-poi-button-instrument-alert-frame-size: 72px;
--maneuvering-components-poi-button-location-margin-bottom: 0px;
--maneuvering-components-poi-button-location-border-radius-round: 0px;
--maneuvering-components-poi-button-location-border-radius-sharp: 0px;
--maneuvering-components-poi-button-location-indicator-frame-size: 0px;
--maneuvering-components-poi-button-location-indicator-mark-size: 0px;
--maneuvering-components-poi-button-location-margin-bottom-indicator: 0px;
--maneuvering-components-poi-button-indicator-icon-border-single: 0px;
--automation-components-readout-item-regular-icon-size: 32px;
--automation-components-readout-item-enhanced-icon-size: 40px;
--automation-components-typography-unit-regular-font-size: var(
--font-size-200
);
--automation-components-typography-unit-regular-font-weight: var(
--font-weight-regular
);
--automation-components-typography-unit-enhanced-font-size: var(
--font-size-200
);
--automation-components-typography-unit-enhanced-font-weight: var(
--font-weight-regular
);
--maneuvering-components-poi-button-location-visual-target-size: 0px;
--maneuvering-components-poi-button-location-inner-container-size: 0px;
--maneuvering-components-poi-button-location-visual-target-size-indicator: 0px;
--maneuvering-components-poi-button-location-inner-container-size-indicator: 0px;
--maneuvering-components-poi-button-indicator-vessel-speed-border-width: 72px;
--automation-components-readout-id-tag-vertical-spacer: 4px;
--automation-components-readout-state-container-padding: 12px;
--automation-components-readout-item-small-value-padding: 2px;
--automation-components-readout-item-regular-value-padding: 2px;
--automation-components-readout-item-regular-icon-padding: 2px;
--automation-components-readout-item-small-icon-padding: 2px;
--automation-components-readout-item-enhanced-icon-padding: 2px;
--automation-components-readout-item-enhanced-value-padding: 2px;
--maneuvering-components-poi-group-touch-target: 72px;
--maneuvering-components-poi-group-padding-unchecked-horizontal: 16px;
--maneuvering-components-poi-group-padding-unchecked-top: 20px;
--maneuvering-components-poi-group-padding-unchecked-bottom: 12px;
--maneuvering-components-poi-group-border-radius-round: 72px;
--maneuvering-components-poi-group-border-radius-square: 72px;
--maneuvering-components-poi-group-border-radius-expanded: 72px;
--maneuvering-components-poi-ruler-button-border-radius: 0px;
--maneuvering-components-poi-ruler-button-visual-target: 0px;
--maneuvering-components-poi-ruler-indicator-border-radius: 0px;
--maneuvering-components-poi-ruler-indicator-visual-target: 0px;
--maneuvering-components-poi-ruler-indicator-padding-horizontal: 0px;
--maneuvering-components-poi-ruler-button-padding-horizontal: 0px;
--maneuvering-components-poi-ruler-button-touch-target: 0px;
--maneuvering-components-poi-ruler-indicator-label-spacing: 0px;
--maneuvering-components-poi-ruler-indicator-min-width: 0px;
--automation-components-tanks-regular-badge-padding-horizontal: 4px;
--automation-components-tanks-regular-badge-padding-vertical: 4px;
--automation-components-tanks-regular-content-area-graph-padding: 0px;
--automation-components-button-visual-target-round: 68px;
--automation-components-tanks-regular-value-padding: 8px;
--maneuvering-components-poi-line-ruler-foreground-stroke-width: 1px;
--maneuvering-components-poi-line-ruler-background-stroke-width: 1px;
--maneuvering-components-poi-line-ruler-mask-stroke-width: 8px;
--automation-components-tanks-graphs-advice-indicator-right-padding: 20px;
--maneuvering-components-poi-button-people-touch-target: 0px;
--maneuvering-components-poi-button-people-visual-target-width-remote: 0px;
--maneuvering-components-poi-button-people-visual-target-height-remote: 0px;
--automation-components-tanks-graphs-advice-area-right-padding: 8px;
--automation-components-tanks-graphs-advice-with-icon-right-padding: 76px;
--app-components-media-video-card-border-radius: 12px;
--app-components-media-video-container-padding: 8px;
--app-components-media-video-container-gap: 8px;
--app-components-media-video-card-header-height: 48px;
--app-components-media-video-card-header-padding-horizontal: 16px;
--app-components-media-video-card-header-divider-height: 24px;
--app-components-media-video-card-header-active-padding-horizontal: 16px;
--app-components-media-video-card-active-border-thickness: 4px;
--automation-components-tanks-graphs-advice-detailed-right-padding: 116px;
--automation-components-tanks-graphs-graph-icon-size: 64px;
--automation-components-tanks-graphs-icon-area-padding: 32px;
--automation-components-tanks-graphs-icon-indicator-padding: 48px;
--automation-components-tanks-graphs-icon-indicator-w-icon-padding: 104px;
--automation-components-tanks-graphs-icon-detailed-padding: 144px;
--automation-components-tanks-large-content-area-padding: 8px;
--automation-components-tanks-border-radius: var(
--global-size-spacing-state-container-border-radius
);
--automation-components-tanks-large-value-padding-horizontal: 4px;
--automation-components-tanks-large-badge-padding-vertical: 8px;
--automation-components-tanks-large-badge-padding-horizontal: 4px;
--automation-components-tanks-large-value-paddin-vertical: 8px;
--automation-components-tanks-state-container-padding: 12px;
--automation-components-typography-value-regular-container-height: 40px;
--automation-components-typography-value-small-container-height: 28px;
--instrument-components-compass-arrow-head-width-1: 104px;
--instrument-components-compass-arrow-head-height-1: 64px;
--instrument-components-watchface-label-spacer-size: 48px;
--automation-components-button-state-container-padding: 12px;
--automation-components-tanks-state-container-padding-2: 12px;
--automation-components-readout-item-small-border-radius: 4px;
--automation-components-readout-item-regular-border-radius: 4px;
--automation-components-readout-item-enhanced-border-radius: 6px;
--automation-components-tanks-specialty-tanks-icon-container-size: 64px;
--automation-components-tanks-specialty-tanks-icon-size: 48px;
--automation-components-tanks-specialty-tanks-content-padding: 8px;
--automation-components-tanks-specialty-tanks-divider-width: 0px;
--ui-components-input-fields-rich-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-message-input-field-border-radius: var(
--global-border-radius-border-radius-floating
);
--ui-components-input-fields-number-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-number-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-number-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-number-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-number-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--automation-components-tanks-graphs-advice-detailed-padding: 8px;
--automation-components-tanks-graphs-advice-with-icon-padding: 8px;
--automation-components-tanks-graphs-advice-indicator-padding: 8px;
--automation-components-tanks-graphs-advice-area-padding: 8px;
--automation-components-tanks-regular-content-area-static-padding: 8px;
--automation-components-tanks-large-content-area-padding-top: 0px;
--menu-navigation-components-tab-action-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-tab-action-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-tab-action-button-label-spacing: 12px;
--menu-navigation-components-tab-action-button-divider-height: 32px;
--menu-navigation-components-tab-action-button-padding-horizontal: 24px;
--ui-components-input-fields-rich-input-field-label-spacing: 12px;
--ui-components-input-fields-rich-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-rich-input-field-padding-horizontal: 12px;
--ui-components-input-fields-rich-input-field-padding-vertical: 12px;
--ui-components-input-fields-number-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-number-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-number-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-number-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-number-input-field-stroke-weight: 1px;
--menu-navigation-components-table-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--instrument-components-advice-indicator-indicator-tick-mark-padding: 8px;
--ui-components-communication-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-communication-item-notification-dot-size: 12px;
--ui-components-communication-item-notification-dot-padding: 8px;
--ui-components-communication-item-padding-horizontal: var(
--global-size-spacing-list-item-padding-horizontal
);
--ui-components-communication-item-padding-vertical: var(
--global-size-spacing-list-item-padding-vertical
);
--ui-components-communication-item-label-spacing-description: 6px;
--ui-components-communication-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-text-input-field-required-dot-size: 9px;
--ui-components-input-fields-text-input-field-required-dot-spacer: 6px;
--ui-components-input-fields-text-input-field-vertical-spacer: 6px;
--ui-components-input-fields-text-input-field-visual-size-large: 64px;
--ui-components-input-fields-rich-input-field-vertical-spacer: 6px;
--ui-components-input-fields-number-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-number-input-field-visual-size-large: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-padding-vertical: 6px;
--ui-components-input-fields-number-input-field-vertical-spacer: 6px;
--instrument-components-watchface-label-margin-size: var(
--watchface-label-margin-size
);
--instrument-components-watchface-label-margin-size-1: 48px;
--instrument-components-watchface-label-margin-size-2: 48px;
--instrument-components-watchface-label-margin-size-3: 48px;
--instrument-components-watchface-label-margin-size-4: 48px;
--ui-components-tag-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--ui-components-tag-label-spacing: 6px;
--ui-components-tag-padding-horizontal: 8px;
--ui-components-tag-visual-target: 32px;
--ui-components-tag-border-radius: var(
--global-border-radius-border-radius-tag
);
--global-border-radius-border-radius-tag: var(--border-radius-br-6);
--ui-components-input-fields-number-input-field-padding-horizontal: 12px;
--ui-components-input-fields-number-input-field-label-spacing-title: 6px;
--ui-components-input-fields-text-input-field-label-spacing-title: 6px;
--app-components-alert-frame-label-spacing: 6px;
--app-components-integration-system-icon-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-icon-button-visual-target: 60px;
--app-components-integration-system-icon-button-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-icon-button-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--ui-components-icon-button-border-radius-top-right: var(
--button-border-radius-top-right
);
--ui-components-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--ui-components-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--ui-components-icon-button-stroke-weight-left: var(
--icon-button-stroke-weight-left
);
--ui-components-icon-button-stroke-weight-top: var(
--icon-button-stroke-weight-top
);
--ui-components-icon-button-stroke-weight-right: var(
--icon-button-stroke-weight-right
);
--ui-components-icon-button-stroke-weight-bottom: var(
--icon-button-stroke-weight-bottom
);
--app-components-integration-system-icon-button-padding-horizontal: 72px;
--app-components-integration-system-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--app-components-integration-system-icon-button-border-radius-top-right: var(
--icon-button-border-radius-top-right
);
--app-components-integration-system-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--app-components-integration-system-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--app-components-integration-system-icon-button-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-horizontal-visual-target: 60px;
--app-components-integration-system-navigation-item-horizontal-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-horizontal-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal: 12px;
--app-components-integration-system-navigation-item-horizontal-label-spacing: 6px;
--app-components-integration-system-navigation-item-horizontal-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-horizontal-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-horizontal-padding-vertical: 12px;
--app-components-integration-system-navigation-item-horizontal-label-spacing-xsmall: 3px;
--app-components-integration-system-navigation-item-vertical-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-vertical-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-vertical-visual-target: 60px;
--app-components-integration-system-navigation-item-vertical-label-spacing: 12px;
--app-components-integration-system-navigation-item-vertical-label-spacing-small: 3px;
--app-components-integration-system-navigation-item-vertical-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-vertical-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-vertical-stroke-weight: 1px;
--app-components-integration-system-navigation-item-vertical-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-vertical-padding-horizontal: 12px;
--app-components-integration-system-navigation-item-vertical-padding-vertical: 12px;
--global-typography-instrument-value-large-padding-bottom: 4px;
--global-typography-instrument-value-large-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-large-letter-spacing: -1px;
--global-typography-instrument-value-regular-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-regular-container-height: 40px;
--global-typography-instrument-label-container-height: 32px;
--global-typography-instrument-unit-container-height: 32px;
--global-typography-instrument-value-small-container-height: 32px;
--global-typography-instrument-value-small-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-medium-font-size: 44px;
--global-typography-instrument-value-medium-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-medium-font-weight-regular: var(
--font-weight-regular
);
--global-typography-instrument-value-medium-line-height: 48px;
--global-typography-instrument-value-medium-container-height: 48px;
--global-typography-instrument-value-medium-padding-bottom: 2px;
--global-typography-instrument-value-medium-letter-spacing: -0.5px;
--global-typography-instrument-value-regular-letter-spacing: -0.5px;
--global-typography-instrument-value-large-degree-unit-width: 12px;
--ui-components-boolean-indicator-indicator-height: 12px;
--ui-components-boolean-indicator-indicator-width: 24px;
--ui-components-boolean-indicator-indicator-container-size: 32px;
--ui-components-boolean-indicator-label-spacing: 6px;
--ui-components-boolean-indicator-border-radius: 3px;
--global-typography-instrument-value-regular-padding-bottom: 2px;
--global-typography-instrument-label-padding-bottom: 2px;
--global-typography-instrument-unit-padding-bottom: 2px;
--global-typography-instrument-value-small-padding-bottom: 2px;
--global-typography-instrument-value-medium-degree-unit-width: -0.5px;
--global-typography-instrument-value-small-degree-unit-width: 2px;
--global-typography-instrument-value-regular-degree-unit-width: 2px;
--instrument-components-readout-new-group-vertical-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-general-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-general-regular-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-regular-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-container-min-height: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-general-large-min-padding-horizontal: 8px;
--instrument-components-readout-new-group-vertical-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-general-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-medium-divider-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-divider-padding: 0px;
--instrument-components-readout-new-group-vertical-enhanced-divider-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-regular-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-regular-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-group-horizontal-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-regular-divider-padding: 0px;
--instrument-components-readout-new-group-horizontal-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-divider-padding: 0px;
--instrument-components-readout-new-group-horizontal-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-divider-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-value-unit-gap: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-label-unit-gap: 0px;
--instrument-components-readout-new-source-button-icon-spacing: 0px;
--instrument-components-readout-new-source-button-icon-size: 0px;
--instrument-components-readout-new-source-button-horizontal-label-padding: 0px;
--instrument-components-readout-new-stack-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-regular-container-min-height: 0px;
--instrument-components-readout-new-stack-regular-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-regular-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-stack-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-regular-divider-padding: 0px;
--instrument-components-readout-new-stack-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-regular-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-medium-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-divider-padding: 0px;
--instrument-components-readout-new-stack-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-stack-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-enhanced-container-min-height: 0px;
--instrument-components-readout-new-stack-enhanced-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-stack-enhanced-divider-padding: 0px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-gap: 0px;
--instrument-components-readout-new-general-horizontal-trim-padding: 0px;
--instrument-components-readout-new-general-medium-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-large-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-large-min-height: 0px;
--instrument-components-readout-new-list-item-large-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-regular-value-container-gap: 0px;
--instrument-components-readout-new-list-item-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-medium-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-large-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-large-content-gap: 0px;
--instrument-components-readout-new-list-item-large-value-gap: 0px;
--instrument-components-readout-new-list-item-medium-value-container-gap: 0px;
--instrument-components-readout-new-list-item-medium-content-container-gap: 0px;
--instrument-components-readout-new-list-item-regular-content-container-gap: 0px;
--instrument-components-readout-new-general-regular-icon-size: 0px;
--instrument-components-readout-new-general-medium-icon-size: 0px;
--instrument-components-readout-new-general-large-icon-size: 8px;
--instrument-components-readout-new-general-large-degree-compensation-padding: 0px;
--instrument-components-readout-new-general-large-icon-gap: 8px;
--instrument-components-readout-new-general-medium-icon-gap: 0px;
--instrument-components-readout-new-general-regular-icon-gap: 0px;
--instrument-components-readout-new-general-medium-horizontal-min-padding-horizontal: 0px;
--ui-components-list-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-list-item-label-spacing: 12px;
--ui-components-list-item-label-spacing-small: 6px;
--ui-components-list-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--global-size-spacing-list-item-padding-horizontal: 24px;
--global-size-spacing-list-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--global-size-spacing-list-item-padding-vertical: 12px;
--global-size-spacing-list-item-item-spacing: 12px;
--global-size-spacing-list-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-attachment-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-attachment-item-border-radius: var(
--global-size-spacing-list-item-border-radius
);
--ui-components-attachment-item-negative-spacing: -12px;
--ui-components-attachment-item-label-spacing-large: 24px;
--instrument-components-watchface-scale-stack-spacing: -32px;
--menu-navigation-components-pivot-item-icon-pivot-item-stroke-weight-active-tab: 2px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-top-horizontal-stack: 8px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-label-container: 8px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal-active-tab-container: 8px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-vertical-active-tab-container: 6px;
--instrument-components-watchface-tick-marks-visibility-main: var(
--tick-mark-main-visibility
);
--instrument-components-watchface-tick-marks-visibility-main-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-main-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-main-none: 0px;
--instrument-components-watchface-tick-marks-visibility-primary: var(
--tick-mark-primary-visibility
);
--instrument-components-watchface-tick-marks-visibility-primary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary: var(
--tick-mark-secondary-visibility
);
--instrument-components-watchface-tick-marks-visibility-secondary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-secondary-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-secondary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary: var(
--tick-mark-tertiary-visibility
);
--instrument-components-watchface-tick-marks-visibility-tertiary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-tertiary-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-main-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-primary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary-indicator: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility: var(
--advice-indicator-visibility
);
--instrument-components-advice-indicator-visibility-indicator-visibility-condenced: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-none: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility-regular: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-indicator: 100px;
--ui-components-boolean-indicator-container-border-radius: 8px;
--ui-components-boolean-indicator-container-padding: 8px;
--ui-components-tag-visual-target-large: 48px;
--ui-components-tag-padding-horizontal-large: 8px;
--ui-components-tag-icon-size-large: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tag-label-spacing-large: 6px;
--instrument-components-watchface-scale-size-framed-condenced: 32px;
--instrument-components-watchface-scale-size-framed-indication: 32px;
--instrument-components-watchface-scale-size-framed-none: 32px;
--instrument-components-watchface-scale-size-framed: var(--scale-framed-size);
--ui-components-input-fields-rich-input-field-label-spacing-title: 6px;
--ui-components-toggle-button-visual-size-large: 56px;
--automation-components-badge-new-size: 24px;
--automation-components-typography-new-actual-icon-size-s: 20px;
--automation-components-button-new-state-container-padding: 12px;
--automation-components-badge-new-icon-size: 18px;
--automation-components-badge-new-border-radius: 4px;
--automation-components-button-new-visual-target: 64px;
--automation-components-button-new-visual-target-round: 68px;
--automation-components-button-new-device-container-size: 72px;
--automation-components-button-new-spacer-size: 8px;
--automation-components-button-new-icon-size: 48px;
--automation-components-button-new-progress-bar-size: 64px;
--automation-components-button-new-progress-bar-mask-stroke: 8px;
--automation-components-button-new-icon-double-primary-size: 32px;
--automation-components-button-new-icon-double-secondary-size: 24px;
--automation-components-button-new-icon-size-flat: 64px;
--automation-components-button-new-icon-outline-stroke: 2px;
--automation-components-button-new-border-radius: 6px;
--automation-components-button-new-border-radius-round: 1000px;
--automation-components-typography-new-actual-icon-size-r: 24px;
--automation-components-typography-new-actual-icon-size-m: 32px;
--automation-components-typography-new-actual-icon-size-l: 40px;
--automation-components-typography-new-unit-container-height-s: 32px;
--automation-components-typography-new-unit-container-height-r: 40px;
--automation-components-typography-new-unit-container-height-m: 48px;
--automation-components-typography-new-unit-container-height-l: 64px;
--automation-components-badge-new-icon-size-flat: 24px;
--automation-components-button-new-badge-container: 80px;
--ui-components-progressbars-progress-bar--circular-bar-weight-small: 4px;
--instrument-components-advice-indicator-alert-border-radius-value: 4px;
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius: 9999px;
--ui-components-mode-switch-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-mode-switch-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-mode-switch-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-mode-switch-label-spacing: 12px;
--ui-components-mode-switch-padding-horizontal: 6px;
--ui-components-mode-switch-stroke-weight: 1px;
--ui-components-mode-switch-stroke-weight-left: var(
--button-stroke-weight-left
);
--ui-components-mode-switch-stroke-weight-top: var(
--button-stroke-weight-top
);
--ui-components-mode-switch-stroke-weight-right: var(
--button-stroke-weight-right
);
--ui-components-mode-switch-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--ui-components-mode-switch-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-mode-switch-border-radius-top-left: var(
--button-border-radius-top-left
);
--ui-components-mode-switch-border-radius-top-right: var(
--button-border-radius-top-right
);
--ui-components-mode-switch-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--ui-components-mode-switch-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--ui-components-mode-switch-indicator-active-width: 8px;
--ui-components-mode-switch-indicator-active-height: 48px;
--ui-components-mode-switch-indicator-inactive-width: 0px;
--ui-components-mode-switch-indicator-inactive-height: 0px;
--ui-components-mode-switch-indicator-padding-horizontal: 8px;
--ui-components-mode-switch-padding-vertical: 6px;
--automation-components-hydraulic-valve-thumb-size: 0px;
--instrument-components-advice-indicator-offset-offset-padding: var(
--advice-indicator-offset
);
--instrument-components-advice-indicator-offset-offset-regular: 0px;
--instrument-components-advice-indicator-offset-offset-condenced: 0px;
--instrument-components-advice-indicator-offset-offset-indication: 0px;
--instrument-components-advice-indicator-offset-offset-indication-internal: 24px;
--instrument-components-advice-indicator-offset-offset-indication-center: 0px;
--instrument-components-advice-indicator-offset-offset-none: 0px;
--instrument-components-watchface-scale-size-internal: 0px;
--instrument-components-advice-indicator-container-size: 24px;
--instrument-components-advice-indicator-container-size-container-size: var(
--advice-indicator-container-size
);
--instrument-components-advice-indicator-container-size-size-regular: 24px;
--instrument-components-advice-indicator-container-size-size-condenced: 24px;
--instrument-components-advice-indicator-container-size-size-indication: 24px;
--instrument-components-advice-indicator-container-size-size-indication-internal: 0px;
--instrument-components-advice-indicator-container-size-size-indication-center: 0px;
--instrument-components-advice-indicator-container-size-size-none: 0px;
--instrument-components-advice-indicator-area-line-padding: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-indication: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-internal: 4px;
--instrument-components-advice-indicator-optimal-border-radius-top-left: var(
--advice-optimal-top-left
);
--instrument-components-advice-indicator-optimal-border-radius-top-right: var(
--advice-optimal-top-right
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-left: var(
--advice-optimal-bottom-left
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-right: var(
--advice-optimal-bottom-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-left: var(
--advice-frame-top-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-right: var(
--advice-frame-top-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-left: var(
--advice-frame-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-right: var(
--advice-frame-bottom-right
);
--instrument-components-advice-indicator-padding-indicator-padding-leading: 4px;
--instrument-components-advice-indicator-alert-padding-padding-leading: var(
--advice-frame-padding-leading
);
--instrument-components-advice-indicator-alert-padding-padding-trailing: var(
--advice-frame-padding-trailing
);
--instrument-components-advice-indicator-alert-padding-internal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-alert-padding-internal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-left: var(
--advice-indication-top-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-right: var(
--advice-indication-top-right
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-left: var(
--advice-indication-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-right: var(
--advice-indication-bottom-right
);
--instrument-components-advice-indicator-optimal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-optimal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-point-width: 12px;
--instrument-components-advice-indicator-alert-point-height: 4px;
--instrument-components-advice-indicator-optimal-point-size: 12px;
--ui-components-audio-input-spacing: 6px;
--ui-components-audio-input-dot-size: 6px;
--ui-components-audio-input-height: 48px;
--ui-components-audio-recording-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-audio-recording-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--ui-components-audio-recording-item-padding-horizontal: 12px;
--ui-components-audio-recording-item-label-spacing: 12px;
--ui-components-audio-recording-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-audio-output-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-input-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-recording-item-delete-button-container-size: 60px;
--instrument-components-watchface-frame-main-track-margin: var(
--frame-track-margin
);
--instrument-components-advice-indicator-optimal-tick-mark-padding: 6px;
--menu-navigation-components-date-item-appointment-container-padding: 6px;
--instrument-components-watchface-frame-regular-thickness: 36px;
--instrument-components-watchface-frame-regular-outer-margin: 6px;
--instrument-components-watchface-frame-regular-border-radius: 12px;
--instrument-components-watchface-frame-regular-track-thickness: 128px;
--instrument-components-watchface-frame-regular-track-size: 96px;
--instrument-components-watchface-frame-regular-track-margin: 42px;
--instrument-components-watchface-frame-regular-double-thickness: 96px;
--instrument-components-watchface-frame-condenced-thickness: 24px;
--instrument-components-watchface-frame-condenced-outer-margin: 6px;
--instrument-components-watchface-frame-condenced-border-radius: 12px;
--instrument-components-watchface-frame-condenced-total-thickness: 128px;
--instrument-components-watchface-frame-condenced-track-size: 96px;
--instrument-components-watchface-frame-condenced-track-margin: 42px;
--instrument-components-watchface-frame-condenced-double-thickness: 96px;
--app-components-integration-system-dropdown-menu-padding-horizontal: 12px;
--app-components-integration-system-dropdown-menu-spacing-horizontal: 12px;
--app-components-integration-system-dropdown-menu-action-container-height: 96px;
--app-components-integration-system-dropdown-menu-border-radius: 96px;
--ui-components-app-button-border-radius-small: 20px;
--ui-components-app-button-border-radius-large: 30px;
--app-components-integration-system-app-bar-fleet-container-border-radius: 24px;
--ui-components-two-step-action-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-two-step-action-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-two-step-action-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-integration-system-navigation-item-horizontal-label-spacing-small: 6px;
--global-typography-ui-title-font-size: 44px;
--global-typography-ui-title-line-height: 48px;
--global-typography-ui-title-font-weight: var(
--typography-font-weight-semibold
);
--global-typography-ui-title-letter-spacing: -0.5px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal-large: 16px;
--ui-components-accordion-item-label-spacing-small: 6px;
--menu-navigation-components-navigation-item-label-spacing-small: 6px;
--app-components-integration-system-topbar-margin-global: 6px;
--app-components-integration-system-topbar-touch-target-size: var(
--app-components-topbar-touch-target-size
);
--app-components-integration-system-topbar-item-spacing: 12px;
--app-components-integration-system-status-indicator-padding-horizontal: 12px;
--app-components-integration-system-status-indicator-label-spacing: 12px;
--app-components-integration-system-status-indicator-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-integration-system-status-indicator-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-status-indicator-height: 56px;
}
.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-ui-button-font-size: var(--font-size-200);
--global-typography-ui-button-line-height: var(--line-height-200);
--global-typography-ui-button-font-weight: var(--font-weight-semibold);
--global-typography-ui-label-font-size: var(--font-size-150);
--global-typography-ui-label-line-height: var(--line-height-150);
--global-typography-ui-label-font-weight: var(--font-weight-regular);
--global-typography-ui-body-font-size: var(--font-size-200);
--global-typography-ui-body-line-height: var(--line-height-200);
--global-typography-ui-body-font-weight: var(--font-weight-regular);
--global-typography-ui-body-active-font-size: var(--font-size-200);
--global-typography-ui-body-active-line-height: var(--line-height-200);
--global-typography-ui-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: 72px;
--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;
--app-components-badge-icon-size: 24px;
--app-components-badge-label-spacing: 2px;
--app-components-badge-border-radius: var(--border-radius-br-4);
--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-nav-item-and-menus-padding-horizonal-list-item
);
--menu-navigation-components-navigation-item-margin-horizontal-icon-button: 8px;
--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;
--app-components-alert-frame-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--app-components-alert-frame-large-flip-4px-padding-horizontal: 8px;
--app-components-alert-frame-large-flip-padding-vertical: 4px;
--app-components-alert-frame-small-flip-border-radius: 4px;
--global-typography-ui-overline-font-size: var(--font-size-200);
--global-typography-ui-overline-line-height: var(--line-height-200);
--global-typography-ui-overline-font-weight: var(--font-weight-semibold);
--global-typography-ui-overline-letter-spacing: 0.44999998807907104px;
--global-typography-ui-label-active-font-size: var(--font-size-150);
--global-typography-ui-label-active-line-height: var(--line-height-150);
--global-typography-ui-label-active-font-weight: var(--font-weight-bold);
--app-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-nav-item-and-menus-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-nav-item-and-menus-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);
--app-components-alert-frame-large-flip-padding: var(
--app-components-badge-border-radius
);
--app-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-nav-item-and-menus-padding-horizonal-list-item: 24px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item: 0px;
--ui-components-radio-button-margin: var(
--global-size-spacing-nav-item-and-menus-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-weight: 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-input-fields-text-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-text-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-text-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-text-input-field-label-spacing: 16px;
--ui-components-input-fields-text-input-field-padding-vertical: 8px;
--ui-components-input-fields-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-input-fields-text-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-text-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-text-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-text-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--ui-components-input-fields-text-input-field-stroke-weight: 1px;
--ui-components-toggle-button-toggle-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-toggle-button-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-toggle-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-toggle-button-item-label-spacing: 16px;
--ui-components-toggle-button-toggle-button-item-padding-horizontal: 8px;
--ui-components-toggle-button-toggle-button-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-toggle-button-toggle-button-item-description-spacing: 8px;
--ui-components-input-fields-text-input-field-padding-horizontal: 16px;
--ui-components-input-fields-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-input-fields-text-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-text-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-text-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-text-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-text-input-field-padding-right: var(
--input-field-padding-right
);
--ui-components-input-fields-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-nav-item-and-menus-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-nav-item-and-menus-margin-vertical-context-menu: 8px;
--ui-components-context-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--ui-components-checkbox-margin: var(
--global-size-spacing-nav-item-and-menus-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-ui-button-two-line-font-size: var(--font-size-200);
--global-typography-ui-button-two-line-line-height: var(--line-height-150);
--global-typography-ui-button-two-line-font-weight: var(--font-weight-bold);
--global-typography-ui-button-two-line-letter-spacing: 0.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-toggle-button-icon-toggle-button-horizontal-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-horizontal-item-label-spacing-hug: 16px;
--ui-components-toggle-button-icon-toggle-button-horizontal-item-border-radius: var(
--global-border-radius-border-radius-base
);
--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-value-thumb-height: 64px;
--ui-components-slider-value-thumb-width: var(
--global-size-spacing-touch-target-min
);
--ui-components-slider-value-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: 8px;
--app-components-badge-icon-size-flat: 32px;
--app-components-badge-icon-size-flat-border-weight: 1px;
--ui-components-elevated-card-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-keyboard-nummeric-action-button-width: 208px;
--ui-components-keyboard-nummeric-component-width-min: 624px;
--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: 0px;
--app-components-clock-colon-size: 5px;
--app-components-clock-colon-spacing: 7px;
--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-item-padding-counter-right: 4px;
--app-components-alert-button-item-counter-spacing: 4px;
--app-components-topbar-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-topbar-message-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-topbar-message-item-label-spacing: 16px;
--app-components-topbar-message-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-topbar-message-item-touch-target-size-tall: var(
--app-components-topbar-touch-target-tall
);
--app-components-topbar-message-item-visual-target-size-tall: 112px;
--app-components-topbar-message-item-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-topbar-message-item-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-topbar-message-item-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-topbar-message-item-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-topbar-message-item-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-topbar-message-item-stroke-weight: 1px;
--app-components-topbar-message-item-stroke-weight-left: var(
--notification-message-stroke-weight-left
);
--app-components-topbar-message-item-stroke-weight-top: var(
--notification-message-stroke-weight-top
);
--app-components-topbar-message-item-stroke-weight-right: var(
--notification-message-stroke-weight-right
);
--app-components-topbar-message-item-stroke-weight-bottom: var(
--notification-message-stroke-weight-bottom
);
--app-components-topbar-message-item-padding-horizontal: 16px;
--app-components-topbar-message-item-label-padding: 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
);
--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(
--global-border-radius-border-radius-base
);
--ui-components-chip-label-spacing: 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-touch-target-tall: 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-nav-item-and-menus-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: var(
--global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
);
--ui-components-accordion-item-border-radius: var(--border-radius-br-0);
--ui-components-accordion-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-height-active-tab: 6px;
--ui-components-toggle-switch-item-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-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-menu-item-padding-horizontal-right: 16px;
--menu-navigation-components-table-item-padding-top-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
);
--app-components-badge-icon-size-large: 40px;
--app-components-badge-label-spacing-large: 4px;
--app-components-notification-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-menu-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-menu-item-label-spacing: 16px;
--app-components-notification-menu-item-padding-horizontal: var(
--app-components-alert-menu-item-padding-horizontal-left
);
--app-components-notification-menu-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--menu-navigation-components-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-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: 0px;
--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-vertical: 16px;
--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: 128px;
--app-components-alert-menu-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-menu-item-label-spacing: 16px;
--app-components-alert-menu-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-menu-item-button-size: 176px;
--app-components-alert-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-alert-menu-item-padding-vertical: 16px;
--app-components-alert-menu-item-chevron-container-size: 64px;
--ui-components-slider-regular-tick-height: 6px;
--ui-components-slider-discrete-leading-icon-padding: 16px;
--app-components-notification-menu-item-padding-vertical: 8px;
--ui-components-slider-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-slider-thumb-border-radius: var(
--global-border-radius-border-radius-round
);
--app-components-floating-message-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--global-size-spacing-icon-icon-size-large: 64px;
--app-components-floating-message-item-label-spacing: 16px;
--app-components-floating-message-item-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-floating-message-item-padding-horizontal-left: 32px;
--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-menu-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-value-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-item-min-width: var(
--global-size-spacing-touch-target-min
);
--app-components-badge-min-size-large: 48px;
--ui-components-context-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-list-item
);
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu: 8px;
--menu-navigation-components-navigation-item-margin-horizontal-list-item: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-list-item
);
--app-components-alert-menu-item-icon-spacing: 8px;
--menu-navigation-components-table-item-icon-spacing: 8px;
--global-size-spacing-nav-item-and-menus-margin-vertical-menu: 32px;
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu: 32px;
--global-size-spacing-icon-n: 0px;
--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-nav-item-and-menus-margin-horizontal-menu
);
--app-components-dimming-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--app-components-user-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-regular: 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: 0px;
--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-horizontal-stack: 4px;
--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-nav-item-and-menus-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-notification-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-menu
);
--app-components-system-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-output-height: 48px;
--ui-components-audio-output-width: 24px;
--ui-components-audio-output-spacing: 16px;
--menu-navigation-components-date-item-visual-size: var(
--global-size-spacing-visual-target-min
);
--menu-navigation-components-date-item-padding-horizontal: 16px;
--menu-navigation-components-date-item-padding-bottom: 16px;
--menu-navigation-components-date-item-touch-target: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-date-item-border-radius: var(
--global-border-radius-border-radius-base
);
--menu-navigation-components-date-item-indicator-size: 8px;
--menu-navigation-components-date-item-indicator-spacing: 4px;
--menu-navigation-components-date-item-vertical-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: 16px;
--menu-navigation-components-date-item-indicator-padding: 6px;
--menu-navigation-components-calendar-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-menu
);
--menu-navigation-components-calendar-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-navigation-menu-footer-margin-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-footer-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-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-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-nav-item-and-menus-margin-vertical-menu
);
--app-components-command-menu-margin-horizontal: var(
--global-size-spacing-nav-item-and-menus-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-padding-horizontal-icon: 16px;
--menu-navigation-components-table-header-item-padding-horizontal: 16px;
--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: 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: 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: 0px;
--app-components-navigation-menu-sub-page-padding-vertical: var(
--global-size-spacing-nav-item-and-menus-margin-vertical-context-menu
);
--app-components-navigation-menu-sub-page-padding-horizontal: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-breadcrumbs-padding-horizontal: 0px;
--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
);
--ui-components-rich-button-padding-vertical-small: 8px;
--ui-components-context-menu-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--number: 0px;
--ui-components-elevated-card-touch-target-min: 128px;
--app-components-modal-label-spacing: 16px;
--app-components-modal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-table-header-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--menu-navigation-components-table-header-row-first-column-width: 640px;
--menu-navigation-components-table-header-item-margin-horizontal: 8px;
--menu-navigation-components-scroll-bar-padding: 8px;
--menu-navigation-components-table-item-button-spacing: 16px;
--global-typography-instrument-label-font-size: var(--font-size-200);
--global-typography-instrument-label-font-weight: var(--font-weight-semibold);
--global-typography-instrument-label-line-height: var(--line-height-200);
--global-typography-instrument-unit-font-size: var(--font-size-200);
--global-typography-instrument-unit-font-weight: var(--font-weight-regular);
--global-typography-instrument-unit-line-height: var(--line-height-200);
--global-typography-instrument-value-large-container-height: var(
--font-size-500
);
--global-typography-instrument-value-large-font-size: var(--font-size-500);
--global-typography-instrument-value-large-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-large-line-height: var(--font-size-500);
--global-typography-instrument-value-regular-font-size: var(--font-size-250);
--global-typography-instrument-value-regular-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-regular-line-height: var(
--line-height-250
);
--global-typography-instrument-value-small-font-size: var(--font-size-200);
--global-typography-instrument-value-small-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-small-line-height: var(
--line-height-200
);
--global-typography-font-family: var(--font-family-main);
--global-typography-instrument-tick-mark-font-size: var(--font-size-200);
--global-typography-instrument-tick-mark-font-weight: var(
--font-weight-regular
);
--global-typography-instrument-tick-mark-line-height: var(--line-height-200);
--global-typography-instrument-tick-mark-active-font-size: var(
--font-size-200
);
--global-typography-instrument-tick-mark-active-font-weight: var(
--font-weight-bold
);
--global-typography-instrument-tick-mark-active-line-height: var(
--line-height-200
);
--instrument-components-advice-indicator-margin-indicator-margin: 8px;
--instrument-components-advice-indicator-margin-indicator-margin-condenced: 4px;
--instrument-components-advice-indicator-margin-indicator-margin-none: 2px;
--instrument-components-advice-indicator-margin-indicator-margin-regular: 2px;
--instrument-components-advice-indicator-optional-padding: 4px;
--instrument-components-advice-indicator-padding-indicator-padding: var(
--advice-indicator-padding
);
--instrument-components-advice-indicator-padding-indicator-padding-condenced: 2px;
--instrument-components-advice-indicator-padding-indicator-padding-none: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-regular: 2px;
--instrument-components-advice-indicator-indicator-point-stroke-thickness: 1px;
--instrument-components-advice-indicator-indicator-thickness-alert: 12px;
--instrument-components-advice-indicator-indicator-thickness-enhanced: 32px;
--instrument-components-advice-indicator-indicator-thickness-regular: 16px;
--infographic-components-bar-chart-bar-border-radius: 2px;
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-left: var(
--bar-chart-bar-horizontal-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-bottom-right: var(
--bar-chart-bar-horizontal-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-left: var(
--bar-chart-bar-horizontal-border-radius-top-left
);
--infographic-components-bar-chart-bar-horizontal-border-radius-top-right: var(
--bar-chart-bar-horizontal-border-radius-top-right
);
--infographic-components-bar-chart-bar-horizontal-padding-left: var(
--bar-chart-bar-horizontal-padding-left
);
--infographic-components-bar-chart-bar-horizontal-padding-right: var(
--bar-chart-bar-horizontal-padding-right
);
--infographic-components-bar-chart-bar-padding: 1px;
--infographic-components-bar-chart-bar-spacing: 1px;
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-left: var(
--bar-chart-bar-vertical-border-radius-bottom-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-bottom-right: var(
--bar-chart-bar-vertical-border-radius-bottom-right
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-left: var(
--bar-chart-bar-vertical-border-radius-top-left
);
--infographic-components-bar-chart-bar-vertical-border-radius-top-right: var(
--bar-chart-bar-vertical-border-radius-top-right
);
--infographic-components-bar-chart-bar-vertical-padding-bottom: var(
--bar-chart-bar-vertical-padding-bottom
);
--infographic-components-bar-chart-bar-vertical-padding-top: var(
--bar-chart-bar-vertical-padding-top
);
--infographic-components-bar-bar-border-radius: 4px;
--infographic-components-bar-bar-border-radius-bottom-left: var(
--bar-meter-border-radius-bottom-left
);
--infographic-components-bar-bar-border-radius-bottom-right: var(
--bar-meter-border-radius-bottom-right
);
--infographic-components-bar-bar-border-radius-top-left: var(
--bar-meter-border-radius-top-left
);
--infographic-components-bar-bar-border-radius-top-right: var(
--bar-meter-border-radius-top-right
);
--infographic-components-donut-chart-diviter-border-size: 1px;
--infographic-components-grouped-bar-min-width: 8px;
--infographic-components-grouped-bar-padding-horizontal: 2px;
--infographic-components-histogram-bar-column-padding: 2px;
--infographic-components-histogram-bar-min-width: 8px;
--infographic-components-trend-bar-width: 48px;
--icon-size: 12px;
--instrument-components-input-baseline-padding: 4px;
--instrument-components-input-icon-container-size: 12px;
--instrument-components-input-icon-size: 24px;
--instrument-components-input-icon-size-condenced: 16px;
--instrument-components-input-icon-size-indicator: 24px;
--instrument-components-input-icon-size-none: 24px;
--instrument-components-input-icon-size-regular: 24px;
--instrument-components-output-pointer-size: 6px;
--instrument-components-output-pointer-stroke-width: 1px;
--instrument-components-output-trend-bar-width: 32px;
--instrument-components-readout-button-height: 32px;
--instrument-components-readout-demo-3: 24px;
--instrument-components-readout-divider-height-regular: 24px;
--instrument-components-readout-divider-height-small: 12px;
--instrument-components-readout-enhanced-line-height: 36px;
--instrument-components-readout-horizontal-regular-label-padding: 0px;
--instrument-components-readout-icon-spacing: 4px;
--instrument-components-readout-icon-icon-size-enhanced: 24px;
--instrument-components-readout-icon-icon-size-regular: 16px;
--instrument-components-readout-icon-icon-size-small: 12px;
--instrument-components-readout-label-unit-padding: 0px;
--instrument-components-readout-label-unit-spacing: 0px;
--instrument-components-readout-padding-horizontal: 4px;
--instrument-components-readout-padding-vertical: 2px;
--instrument-components-readout-touch-target: 48px;
--instrument-components-readout-vertical-input-vertical-frame-padding: 2px;
--instrument-components-readout-vertical-input-vertical-padding: 4px;
--instrument-components-stroke-alarm-stroke-width: 4px;
--instrument-components-stroke-target-stroke-width: 2px;
--instrument-components-watchface-label-container-height: 16px;
--instrument-components-watchface-label-container-padding: 4px;
--instrument-components-watchface-label-size: "Small";
--instrument-components-watchface-label-spacing: 2px;
--instrument-components-watchface-label-container-height: 64px;
--instrument-components-watchface-label-container-size: 56px;
--instrument-components-watchface-label-container-size-1: 16px;
--instrument-components-watchface-label-container-size-2: 16px;
--instrument-components-watchface-label-container-size-3: 24px;
--instrument-components-watchface-label-container-size-4: 28px;
--instrument-components-watchface-label-container-size-rotating: var(
--watchface-label-container-width
);
--instrument-components-watchface-label-horizontal-padding: 8px;
--instrument-components-watchface-label-icon-size: 48px;
--instrument-components-watchface-label-vertical-padding: 4px;
--instrument-components-watchface-scale-margin: var(--scale-margin);
--instrument-components-watchface-scale-margin-condenced: 4px;
--instrument-components-watchface-scale-margin-indication: 4px;
--instrument-components-watchface-scale-margin-regular: 12px;
--instrument-components-watchface-scale-padding: var(--scale-padding);
--instrument-components-watchface-scale-padding-condenced: 2px;
--instrument-components-watchface-scale-padding-none: 2px;
--instrument-components-watchface-scale-padding-regular: 2px;
--instrument-components-watchface-scale-size: var(--scale-size);
--instrument-components-watchface-scale-size-condeced: 6px;
--instrument-components-watchface-scale-size-framed-regular: 12px;
--instrument-components-watchface-scale-size-indication: 6px;
--instrument-components-watchface-scale-size-none: 2px;
--instrument-components-watchface-scale-size-regular: 32px;
--instrument-components-watchface-tick-marks-length-main: var(
--tick-mark-main
);
--instrument-components-watchface-tick-marks-length-main-condenced: 6px;
--instrument-components-watchface-tick-marks-length-main-none: 0px;
--instrument-components-watchface-tick-marks-length-main-regular: 14px;
--instrument-components-watchface-tick-marks-length-primary: var(
--tick-mark-primary
);
--instrument-components-watchface-tick-marks-length-primary-condenced: 4px;
--instrument-components-watchface-tick-marks-length-primary-none: 0px;
--instrument-components-watchface-tick-marks-length-primary-regular: 12px;
--instrument-components-watchface-tick-marks-length-secondary: var(
--tick-mark-secondary
);
--instrument-components-watchface-tick-marks-length-secondary-condenced: 0px;
--instrument-components-watchface-tick-marks-length-secondary-none: 0px;
--instrument-components-watchface-tick-marks-length-secondary-regular: 4px;
--instrument-components-watchface-tick-marks-length-tertiary: var(
--tick-mark-tertiary
);
--instrument-components-watchface-tick-marks-length-tertiary-condenced: 0px;
--instrument-components-watchface-tick-marks-length-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-length-tertiary-regular: 0px;
--instrument-components-demo: 0px;
--app-components-user-menu-label-spacing: 16px;
--app-components-topbar-message-item-tall-padding-vertical: 8px;
--app-components-alert-button-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-button-item-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-alert-button-item-padding-horizontal: 8px;
--app-components-alert-counter-item-badge-spacing: 8px;
--app-components-alert-button-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-advice-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-advice-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-advice-button-stack-spacing: 16px;
--app-components-advice-button-margin-horizontal: 16px;
--app-components-advice-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-advice-button-counter-spacing: 4px;
--app-components-advice-button-padding-horizontal: 8px;
--app-components-notification-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-notification-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--app-components-notification-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-notification-message-item-stack-spacing: 16px;
--app-components-notification-button-padding-horizontal: 8px;
--app-components-notification-button-counter-spacing: 4px;
--app-components-notification-button-padding-counter-right: var(
--app-components-alert-button-item-padding-counter-right
);
--app-components-topbar-message-item-cta-button-width: 128px;
--app-components-topbar-message-item-icon-spacing: 8px;
--app-components-alert-button-tall-padding-vertical: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-notification-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-advice-message-item-stack-spacing: 16px;
--app-components-advice-message-item-double-stack-padding-vertical-3: var(
--app-components-topbar-message-item-tall-padding-vertical
);
--app-components-alert-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-alert-menu-item-margin-vertical: 8px;
--app-components-alert-menu-footer-padding-horizontal: 32px;
--app-components-alert-menu-footer-container-height: 144px;
--app-components-alert-menu-item-padding-horizontal-left: 32px;
--app-components-alert-table-row-margin: var(
--global-size-spacing-nav-item-and-menus-margin-horizontal-context-menu
);
--app-components-alert-table-row-nesting-spacer: 72px;
--app-components-alert-table-row-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-table-row-ack-container-width-regular: 256px;
--app-components-alert-table-row-ack-container-width-small: 40px;
--app-components-alert-info-alert-detail-card-widt: 640px;
--app-components-alert-info-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-info-label-spacing: 16px;
--app-components-alert-info-icon-spacing: 8px;
--app-components-alert-info-max-height-graphic-readout: 480px;
--app-components-alert-toolbar-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-toolbar-label-spacing: 16px;
--app-components-alert-toolbar-icon-spacing: 8px;
--app-components-alert-toolbar-toggle-button-width: 720px;
--app-components-alert-toolbar-margin-horizontal: 32px;
--app-components-alert-info-margin-horizontal-card: 32px;
--app-components-alert-info-margin-horizontal-modal: 48px;
--app-components-alert-info-margin-vertical-modal: 32px;
--app-components-alert-info-margin-vertical-card: 32px;
--app-components-alert-info-info-spacing: 32px;
--app-components-alert-table-row-cell-width-small: 96px;
--app-components-alert-table-row-cell-width-medium: 256px;
--app-components-alert-table-row-cell-width-large: 480px;
--app-components-topbar-message-item-width: 1280px;
--app-components-alert-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-floating-message-item-padding-vertical-single: 16px;
--app-components-floating-message-item-padding-vertical-text-container: 8px;
--app-components-floating-message-item-padding-horizontal-right: 16px;
--app-components-floating-message-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-floating-message-item-icon-container-width: 80px;
--app-components-topbar-padding-double: 24px;
--app-components-alert-details-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-alert-details-label-spacing: 8px;
--app-components-notification-menu-component-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-padding-vertical: 16px;
--app-components-advice-menu-width: var(
--app-components-topbar-message-item-width
);
--app-components-advice-menu-button-size: var(
--app-components-alert-menu-item-button-size
);
--app-components-advice-menu-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-advice-menu-footer-container-height: 128px;
--app-components-advice-menu-footer-padding-horizontal: 16px;
--app-components-alert-menu-button-spacing: 16px;
--maneuvering-components-poi-button-border-radius-round: 0px;
--maneuvering-components-poi-button-touch-target: 0px;
--maneuvering-components-poi-button-visual-target-round: 0px;
--maneuvering-components-poi-line-regular-foreground-stroke-width: 1px;
--maneuvering-components-poi-line-regular-background-stroke-width: 1px;
--maneuvering-components-poi-line-active-foreground-stroke-width: 2px;
--maneuvering-components-poi-line-active-background-stroke-width: 3px;
--maneuvering-components-poi-line-regular-mask-stroke-width: 8px;
--maneuvering-components-poi-line-active-mask-stroke-width: 8px;
--app-components-alert-table-row-cell-width-min: var(
--global-size-spacing-touch-target-min
);
--app-components-alert-info-button-spacing: 16px;
--app-components-alert-info-padding-action-container: 16px;
--app-components-clock-colon-stroke-size: 1px;
--app-components-alert-button-2-digits-fixed-width: 112px;
--app-components-alert-button-fill-min-width: 256px;
--app-components-alert-button-touch-target-min: 112px;
--app-components-alert-button-padding-horizontal: 16px;
--app-components-message-menu-item-icon-size-regular: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-message-menu-item-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-message-menu-item-label-spacing: 16px;
--app-components-message-menu-item-padding-vertical-8: 16px;
--app-components-message-menu-item-icon-spacing: 8px;
--app-components-message-menu-item-icon-container-padding-vertical: 8px;
--app-components-message-menu-item-padding-vertical-4: 8px;
--app-components-message-menu-item-padding-vertical-12: 24px;
--app-components-message-menu-item-padding-horizontal: 32px;
--app-components-advice-menu-title-containet-height: 128px;
--app-components-notification-menu-footer-container-height: 128px;
--maneuvering-components-poi-button-visual-target-square: 0px;
--maneuvering-components-poi-id-tag-min-size: 0px;
--maneuvering-components-poi-button-large-touch-target: 0px;
--maneuvering-components-poi-button-large-visual-target-round: 0px;
--maneuvering-components-poi-button-large-visual-target-round-overlap: 0px;
--maneuvering-components-poi-button-large-visual-target-square: 0px;
--maneuvering-components-poi-id-tag-container-height: 0px;
--maneuvering-components-poi-button-overlap-offset-padding: 0px;
--maneuvering-components-poi-button-visual-target-round-overlap: 0px;
--maneuvering-components-poi-button-indicator-overlap-padding: 0px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-size: 0px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-gap: 0px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-alert-gap: 0px;
--ui-components-toggletip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggletip-label-spacing: 16px;
--ui-components-toggletip-content-padding-horizontal: 32px;
--ui-components-toggletip-content-padding-vertical: 16px;
--ui-components-toggletip-content-spacing-vertical: 32px;
--ui-components-toggletip-header-padding-horizontal-left: 32px;
--ui-components-toggletip-header-padding-horizontal-right: 16px;
--ui-components-toggletip-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-tooltip-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tooltip-size: 64px;
--ui-components-tooltip-label-spacing: 16px;
--ui-components-tooltip-border-radius: 8px;
--ui-components-tooltip-padding-vertical: 16px;
--ui-components-toggletip-header-padding-vertical-top: 16px;
--ui-components-toggletip-stroke-weight: 4px;
--ui-components-toggletip-pointer-width: 36px;
--ui-components-toggletip-pointer-height: 24px;
--ui-components-toggletip-button-spacing: 16px;
--ui-components-toggletip-header-padding-vertical-bottom: var(
--ui-components-toggletip-header-padding-vertical-top
);
--maneuvering-components-poi-selection-frame-button-selection-frame-gap: 0px;
--maneuvering-components-poi-selection-frame-button-selection-frame-gap-alert: 0px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap: 0px;
--maneuvering-components-poi-selection-frame-large-selection-frame-gap-alert: 0px;
--maneuvering-components-poi-button-indicator-icon-border-filled: 0px;
--maneuvering-components-poi-selection-frame-indicator-selection-frame-padding: 0px;
--infographic-components-legend-item-checkbox-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-padding-horizontal: 16px;
--infographic-components-legend-item-checkbox-padding-horizontal: var(
--ui-components-checkbox-padding-horizontal
);
--infographic-components-legend-item-checkbox-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-indicator-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-horizontal: 16px;
--infographic-components-legend-item-button-label-spacing: var(
--ui-components-checkbox-label-spacing
);
--infographic-components-legend-item-button-padding-vertical: 8px;
--infographic-components-legend-item-indicator-padding-vertical: 8px;
--infographic-components-legend-item-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--infographic-components-legend-item-indicator-border-radius: 4px;
--infographic-components-legend-item-checkbox-border-radius: var(
--ui-components-checkbox-border-radius
);
--infographic-components-legend-item-button-border-radius: var(
--global-border-radius-border-radius-base
);
--infographic-components-legend-item-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-button-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--infographic-components-legend-item-checkbox-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--infographic-components-legend-item-checkbox-visual-target-size: var(
--global-size-spacing-selection-size-min
);
--infographic-components-legend-spacing-vertical: 8px;
--infographic-components-legend-spacing-horizontal: 16px;
--infographic-components-legend-item-indicator-visual-target-size: 32px;
--app-components-alert-frame-stroke-width-thick: 8px;
--app-components-alert-frame-stroke-width-thin: 4px;
--app-components-alert-frame-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-alert-frame-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-alert-frame-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-alert-frame-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-alert-frame-small-flip-padding-horizontal: 4px;
--app-components-alert-frame-small-flip-padding-vertical: 4px;
--app-components-alert-frame-small-flip-spacing: 4px;
--app-components-alert-frame-large-flip-spacing: 4px;
--app-components-alert-frame-large-flip-2px-padding-horizontal: 6px;
--maneuvering-components-poi-button-icon-size: 0px;
--maneuvering-components-poi-button-large-icon-size: 0px;
--app-components-topbar-margin-global-wide-left: 16px;
--ui-components-card-leading-icon-size: 8px;
--ui-components-card-padding: 8px;
--ui-components-card-heading-container-height: 32px;
--ui-components-card-gap: 4px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-slider-regular-thumb-border-width: 0px;
--ui-components-slider-icon-margin: 16px;
--ui-components-slider-content-padding: 16px;
--ui-components-slider-enhanced-thumb-border-size: 4px;
--ui-components-slider-icon-thumb-height: 96px;
--ui-components-slider-icon-thumb-width: 96px;
--ui-components-slider-icon-icon-container-width: 48px;
--ui-components-slider-icon-track-height: 64px;
--ui-components-slider-indicator-thumb-border-width: 12px;
--ui-components-slider-regular-track-min-padding: 0px;
--ui-components-slider-regular-range-track-min-padding: 0px;
--ui-components-slider-icon-track-min-padding: 16px;
--ui-components-slider-value-track-min-padding: 16px;
--ui-components-slider-icon-track-min-padding-2: 16px;
--ui-components-slider-indicator-track-min-padding: 12px;
--instrument-components-watchface-frame-main-thickness: var(
--frame-thickness
);
--instrument-components-watchface-frame-main-outer-margin: var(
--frame-outer-margin
);
--instrument-components-watchface-number: 0px;
--instrument-components-watchface-frame-main-track-thickness: var(
--instrument-components-watchface-frame-regular-track-thickness
);
--instrument-components-watchface-frame-main-border-radius: var(
--frame-border-radius
);
--instrument-components-watchface-frame-main-double-thickness: var(
--frame-double-thickness
);
--instrument-components-watchface-frame-main-track-size: var(
--frame-track-size
);
--instrument-components-compass-icon-size: 0px;
--instrument-components-compass-icon-margin: 0px;
--maneuvering-components-poi-selection-frame-border-width: 0px;
--maneuvering-components-poi-selection-frame-border-radius: 0px;
--ui-components-accordion-padding-vertical-large: 24px;
--ui-components-accordion-min-height-large: 128px;
--ui-components-accordion-min-height-regular: 96px;
--maneuvering-components-poi-selection-frame-size: 0px;
--maneuvering-components-poi-pointer-pointer-size: 0px;
--app-components-floating-message-item-component-width: 1280px;
--app-components-floating-message-item-icon-container-height: 96px;
--app-components-floating-message-item-max-height-text-container: 384px;
--ui-components-icon-button-enhanced-padding-vertical: 16px;
--ui-components-icon-button-enhanced-label-container-width-min: var(
--ui-components-icon-button-enhanced-component-max-size
);
--ui-components-icon-button-enhanced-component-max-size: 112px;
--ui-components-icon-button-enhanced-component-min-size: 96px;
--ui-components-toggle-button-toggle-button-item-vertical-divider-container-padding: 16px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-divider-container-padding-horizontal: 16px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-label-container-width-min: var(
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size
);
--ui-components-toggle-button-icon-toggle-button-vertical-item-padding-vertical: 16px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-max-size: 112px;
--ui-components-toggle-button-icon-toggle-button-vertical-item-min-size: 96px;
--ui-components-rich-button-width-max-horizontal: 480px;
--ui-components-rich-button-width-max-vertical: 256px;
--menu-navigation-components-navigation-item-label-container-padding-right: 48px;
--menu-navigation-components-tab-item-min-width: 96px;
--menu-navigation-components-tab-item-max-width: 640px;
--ui-components-accordion-item-expanded-frame-padding: 32px;
--ui-components-slide-button-padding-vertical: 8px;
--automation-components-typography-value-regular-font-size: var(
--font-size-100
);
--automation-components-readout-item-small-icon-size: 24px;
--automation-components-typography-value-regular-font-weight: var(
--font-weight-bold
);
--automation-components-typography-value-small-font-size: var(
--font-size-075
);
--automation-components-typography-value-small-font-weight: var(
--font-weight-bold
);
--automation-components-badge-badge-size: 24px;
--ui-components-input-fields-number-input-field-unit-container-padding-left: 8px;
--ui-components-user-button-stack-gap: -16px;
--automation-components-typography-unit-small-font-size: var(--font-size-075);
--automation-components-typography-unit-small-font-weight: var(
--font-weight-regular
);
--automation-components-typography-label-font-size: var(--font-size-075);
--automation-components-typography-label-line-height: var(--line-height-075);
--automation-components-typography-label-font-weight: var(
--font-weight-regular
);
--automation-components-button-progress-bar-size: 0px;
--automation-components-typography-value-enhanced-font-size: var(
--font-size-250
);
--automation-components-typography-value-enhanced-font-weight: var(
--font-weight-semibold
);
--automation-components-typography-value-enhanced-container-height: 40px;
--maneuvering-components-poi-button-icon-size-overlap: 0px;
--maneuvering-components-poi-button-border-radius-square: 0px;
--maneuvering-components-poi-button-data-padding-vertical: 0px;
--maneuvering-components-poi-button-data-gap: 0px;
--maneuvering-components-poi-button-large-visual-target-square-overlap: 0px;
--maneuvering-components-poi-button-large-icon-size-overlap: 0px;
--maneuvering-components-poi-button-overlap-offset-margin-round: 0px;
--maneuvering-components-poi-button-large-dynamic-icon-container-size: 0px;
--maneuvering-components-poi-button-large-icon-indicator-size: 0px;
--maneuvering-components-poi-button-visual-target-square-overlap: 0px;
--maneuvering-components-poi-indicator-sector-border-width: 0px;
--maneuvering-components-poi-indicator-sector-border-gap: 0px;
--maneuvering-components-poi-indicator-sector-diameter: 0px;
--ui-components-tooltip-pointer-width: 16px;
--ui-components-tooltip-pointer-height: 16px;
--maneuvering-components-poi-button-instrument-alert-frame-size: 0px;
--maneuvering-components-poi-button-location-margin-bottom: 0px;
--maneuvering-components-poi-button-location-border-radius-round: 0px;
--maneuvering-components-poi-button-location-border-radius-sharp: 0px;
--maneuvering-components-poi-button-location-indicator-frame-size: 0px;
--maneuvering-components-poi-button-location-indicator-mark-size: 0px;
--maneuvering-components-poi-button-location-margin-bottom-indicator: 0px;
--maneuvering-components-poi-button-indicator-icon-border-single: 0px;
--automation-components-readout-item-regular-icon-size: 32px;
--automation-components-readout-item-enhanced-icon-size: 24px;
--automation-components-typography-unit-regular-font-size: var(
--font-size-100
);
--automation-components-typography-unit-regular-font-weight: var(
--font-weight-regular
);
--automation-components-typography-unit-enhanced-font-size: var(
--font-size-100
);
--automation-components-typography-unit-enhanced-font-weight: var(
--font-weight-regular
);
--maneuvering-components-poi-button-location-visual-target-size: 0px;
--maneuvering-components-poi-button-location-inner-container-size: 0px;
--maneuvering-components-poi-button-location-visual-target-size-indicator: 0px;
--maneuvering-components-poi-button-location-inner-container-size-indicator: 0px;
--maneuvering-components-poi-button-indicator-vessel-speed-border-width: 0px;
--automation-components-readout-id-tag-vertical-spacer: 4px;
--automation-components-readout-state-container-padding: 4px;
--automation-components-readout-item-small-value-padding: 2px;
--automation-components-readout-item-regular-value-padding: 2px;
--automation-components-readout-item-regular-icon-padding: 2px;
--automation-components-readout-item-small-icon-padding: 2px;
--automation-components-readout-item-enhanced-icon-padding: 2px;
--automation-components-readout-item-enhanced-value-padding: 2px;
--maneuvering-components-poi-group-touch-target: 0px;
--maneuvering-components-poi-group-padding-unchecked-horizontal: 0px;
--maneuvering-components-poi-group-padding-unchecked-top: 0px;
--maneuvering-components-poi-group-padding-unchecked-bottom: 0px;
--maneuvering-components-poi-group-border-radius-round: 0px;
--maneuvering-components-poi-group-border-radius-square: 0px;
--maneuvering-components-poi-group-border-radius-expanded: 0px;
--maneuvering-components-poi-ruler-button-border-radius: 0px;
--maneuvering-components-poi-ruler-button-visual-target: 0px;
--maneuvering-components-poi-ruler-indicator-border-radius: 0px;
--maneuvering-components-poi-ruler-indicator-visual-target: 0px;
--maneuvering-components-poi-ruler-indicator-padding-horizontal: 0px;
--maneuvering-components-poi-ruler-button-padding-horizontal: 0px;
--maneuvering-components-poi-ruler-button-touch-target: 0px;
--maneuvering-components-poi-ruler-indicator-label-spacing: 0px;
--maneuvering-components-poi-ruler-indicator-min-width: 0px;
--automation-components-tanks-regular-badge-padding-horizontal: 4px;
--automation-components-tanks-regular-badge-padding-vertical: 4px;
--automation-components-tanks-regular-content-area-graph-padding: 0px;
--automation-components-button-visual-target-round: 68px;
--automation-components-tanks-regular-value-padding: 8px;
--maneuvering-components-poi-line-ruler-foreground-stroke-width: 1px;
--maneuvering-components-poi-line-ruler-background-stroke-width: 1px;
--maneuvering-components-poi-line-ruler-mask-stroke-width: 8px;
--automation-components-tanks-graphs-advice-indicator-right-padding: 20px;
--maneuvering-components-poi-button-people-touch-target: 0px;
--maneuvering-components-poi-button-people-visual-target-width-remote: 0px;
--maneuvering-components-poi-button-people-visual-target-height-remote: 0px;
--automation-components-tanks-graphs-advice-area-right-padding: 8px;
--automation-components-tanks-graphs-advice-with-icon-right-padding: 76px;
--app-components-media-video-card-border-radius: 0px;
--app-components-media-video-container-padding: 8px;
--app-components-media-video-container-gap: 8px;
--app-components-media-video-card-header-height: 0px;
--app-components-media-video-card-header-padding-horizontal: 0px;
--app-components-media-video-card-header-divider-height: 0px;
--app-components-media-video-card-header-active-padding-horizontal: 0px;
--app-components-media-video-card-active-border-thickness: 0px;
--automation-components-tanks-graphs-advice-detailed-right-padding: 116px;
--automation-components-tanks-graphs-graph-icon-size: 64px;
--automation-components-tanks-graphs-icon-area-padding: 32px;
--automation-components-tanks-graphs-icon-indicator-padding: 48px;
--automation-components-tanks-graphs-icon-indicator-w-icon-padding: 104px;
--automation-components-tanks-graphs-icon-detailed-padding: 144px;
--automation-components-tanks-large-content-area-padding: 8px;
--automation-components-tanks-border-radius: var(
--global-size-spacing-state-container-border-radius
);
--automation-components-tanks-large-value-padding-horizontal: 4px;
--automation-components-tanks-large-badge-padding-vertical: 8px;
--automation-components-tanks-large-badge-padding-horizontal: 4px;
--automation-components-tanks-large-value-paddin-vertical: 8px;
--automation-components-tanks-state-container-padding: 12px;
--automation-components-typography-value-regular-container-height: 20px;
--automation-components-typography-value-small-container-height: 16px;
--instrument-components-compass-arrow-head-width-1: 0px;
--instrument-components-compass-arrow-head-height-1: 0px;
--instrument-components-watchface-label-spacer-size: 0px;
--automation-components-button-state-container-padding: 12px;
--automation-components-tanks-state-container-padding-2: 12px;
--automation-components-readout-item-small-border-radius: 2px;
--automation-components-readout-item-regular-border-radius: 2px;
--automation-components-readout-item-enhanced-border-radius: 4px;
--automation-components-tanks-specialty-tanks-icon-container-size: 32px;
--automation-components-tanks-specialty-tanks-icon-size: 24px;
--automation-components-tanks-specialty-tanks-content-padding: 4px;
--automation-components-tanks-specialty-tanks-divider-width: 0px;
--ui-components-input-fields-rich-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-message-input-field-border-radius: var(
--global-border-radius-border-radius-floating
);
--ui-components-input-fields-number-input-field-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-number-input-field-border-radius-top-left: var(
--input-field-border-radius-top-left
);
--ui-components-input-fields-number-input-field-border-radius-top-right: var(
--input-field-border-radius-top-right
);
--ui-components-input-fields-number-input-field-border-radius-bottom-left: var(
--input-field-border-radius-bottom-left
);
--ui-components-input-fields-number-input-field-border-radius-bottom-right: var(
--input-field-border-radius-bottom-right
);
--automation-components-tanks-graphs-advice-detailed-padding: 8px;
--automation-components-tanks-graphs-advice-with-icon-padding: 8px;
--automation-components-tanks-graphs-advice-indicator-padding: 8px;
--automation-components-tanks-graphs-advice-area-padding: 8px;
--automation-components-tanks-regular-content-area-static-padding: 8px;
--automation-components-tanks-large-content-area-padding-top: 0px;
--menu-navigation-components-tab-action-button-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--menu-navigation-components-tab-action-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--menu-navigation-components-tab-action-button-label-spacing: 16px;
--menu-navigation-components-tab-action-button-divider-height: 48px;
--menu-navigation-components-tab-action-button-padding-horizontal: 32px;
--ui-components-input-fields-rich-input-field-label-spacing: 16px;
--ui-components-input-fields-rich-input-field-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-input-fields-rich-input-field-padding-horizontal: 16px;
--ui-components-input-fields-rich-input-field-padding-vertical: 16px;
--ui-components-input-fields-number-input-field-stroke-weight-left: var(
--input-field-stroke-weight-left
);
--ui-components-input-fields-number-input-field-stroke-weight-top: var(
--input-field-stroke-weight-top
);
--ui-components-input-fields-number-input-field-stroke-weight-right: var(
--input-field-stroke-weight-right
);
--ui-components-input-fields-number-input-field-stroke-weight-bottom: var(
--input-field-stroke-weight-bottom
);
--ui-components-input-fields-number-input-field-stroke-weight: 1px;
--menu-navigation-components-table-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--instrument-components-advice-indicator-indicator-tick-mark-padding: 4px;
--ui-components-communication-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-communication-item-notification-dot-size: 16px;
--ui-components-communication-item-notification-dot-padding: 12px;
--ui-components-communication-item-padding-horizontal: var(
--global-size-spacing-list-item-padding-horizontal
);
--ui-components-communication-item-padding-vertical: var(
--global-size-spacing-list-item-padding-vertical
);
--ui-components-communication-item-label-spacing-description: 8px;
--ui-components-communication-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-input-fields-text-input-field-required-dot-size: 12px;
--ui-components-input-fields-text-input-field-required-dot-spacer: 8px;
--ui-components-input-fields-text-input-field-vertical-spacer: 8px;
--ui-components-input-fields-text-input-field-visual-size-large: 96px;
--ui-components-input-fields-rich-input-field-vertical-spacer: 8px;
--ui-components-input-fields-number-input-field-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-input-fields-number-input-field-visual-size-large: var(
--global-size-spacing-touch-target-min
);
--ui-components-input-fields-number-input-field-padding-vertical: 8px;
--ui-components-input-fields-number-input-field-vertical-spacer: 8px;
--instrument-components-watchface-label-margin-size: var(
--watchface-label-margin-size
);
--instrument-components-watchface-label-margin-size-1: 0px;
--instrument-components-watchface-label-margin-size-2: 0px;
--instrument-components-watchface-label-margin-size-3: 0px;
--instrument-components-watchface-label-margin-size-4: 0px;
--ui-components-tag-icon-size: var(
--global-size-spacing-icon-icon-size-small
);
--ui-components-tag-label-spacing: 8px;
--ui-components-tag-padding-horizontal: 12px;
--ui-components-tag-visual-target: 48px;
--ui-components-tag-border-radius: var(
--global-border-radius-border-radius-tag
);
--global-border-radius-border-radius-tag: var(--border-radius-br-8);
--ui-components-input-fields-number-input-field-padding-horizontal: 16px;
--ui-components-input-fields-number-input-field-label-spacing-title: 8px;
--ui-components-input-fields-text-input-field-label-spacing-title: 8px;
--app-components-alert-frame-label-spacing: 8px;
--app-components-integration-system-icon-button-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-icon-button-visual-target: 80px;
--app-components-integration-system-icon-button-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-icon-button-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--ui-components-icon-button-border-radius-top-right: var(
--button-border-radius-top-right
);
--ui-components-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--ui-components-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--ui-components-icon-button-stroke-weight-left: var(
--icon-button-stroke-weight-left
);
--ui-components-icon-button-stroke-weight-top: var(
--icon-button-stroke-weight-top
);
--ui-components-icon-button-stroke-weight-right: var(
--icon-button-stroke-weight-right
);
--ui-components-icon-button-stroke-weight-bottom: var(
--icon-button-stroke-weight-bottom
);
--app-components-integration-system-icon-button-padding-horizontal: 96px;
--app-components-integration-system-icon-button-border-radius-top-left: var(
--icon-button-border-radius-top-left
);
--app-components-integration-system-icon-button-border-radius-top-right: var(
--icon-button-border-radius-top-right
);
--app-components-integration-system-icon-button-border-radius-bottom-right: var(
--icon-button-border-radius-bottom-right
);
--app-components-integration-system-icon-button-border-radius-bottom-left: var(
--icon-button-border-radius-bottom-left
);
--app-components-integration-system-icon-button-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-horizontal-visual-target: 80px;
--app-components-integration-system-navigation-item-horizontal-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-horizontal-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-left: var(
--button-border-radius-top-left
);
--app-components-integration-system-navigation-item-horizontal-border-radius-top-right: var(
--button-border-radius-top-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--app-components-integration-system-navigation-item-horizontal-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight: 1px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal: 16px;
--app-components-integration-system-navigation-item-horizontal-label-spacing: 8px;
--app-components-integration-system-navigation-item-horizontal-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-horizontal-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-horizontal-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-horizontal-padding-vertical: 16px;
--app-components-integration-system-navigation-item-horizontal-label-spacing-xsmall: 4px;
--app-components-integration-system-navigation-item-vertical-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-navigation-item-vertical-icon-size-large: var(
--global-size-spacing-icon-icon-size-large
);
--app-components-integration-system-navigation-item-vertical-visual-target: 80px;
--app-components-integration-system-navigation-item-vertical-label-spacing: 16px;
--app-components-integration-system-navigation-item-vertical-label-spacing-small: 4px;
--app-components-integration-system-navigation-item-vertical-touch-target: var(
--global-size-spacing-touch-target-min
);
--app-components-integration-system-navigation-item-vertical-border-radius: var(
--global-border-radius-border-radius-base
);
--app-components-integration-system-navigation-item-vertical-stroke-weight: 1px;
--app-components-integration-system-navigation-item-vertical-stroke-weight-left: var(
--button-stroke-weight-left
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-top: var(
--button-stroke-weight-top
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-right: var(
--button-stroke-weight-right
);
--app-components-integration-system-navigation-item-vertical-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--app-components-integration-system-navigation-item-vertical-padding-horizontal: 16px;
--app-components-integration-system-navigation-item-vertical-padding-vertical: 16px;
--global-typography-instrument-value-large-padding-bottom: 0px;
--global-typography-instrument-value-large-font-weight-regular: var(
--font-weight-semibold
);
--global-typography-instrument-value-large-letter-spacing: 0px;
--global-typography-instrument-value-regular-font-weight-regular: var(
--font-weight-semibold
);
--global-typography-instrument-value-regular-container-height: 0px;
--global-typography-instrument-label-container-height: var(--line-height-200);
--global-typography-instrument-unit-container-height: var(--line-height-200);
--global-typography-instrument-value-small-container-height: var(
--line-height-200
);
--global-typography-instrument-value-small-font-weight-regular: var(
--font-weight-semibold
);
--global-typography-instrument-value-medium-font-size: var(--font-size-250);
--global-typography-instrument-value-medium-font-weight-active: var(
--font-weight-semibold
);
--global-typography-instrument-value-medium-font-weight-regular: var(
--font-weight-semibold
);
--global-typography-instrument-value-medium-line-height: var(
--line-height-250
);
--global-typography-instrument-value-medium-container-height: 0px;
--global-typography-instrument-value-medium-padding-bottom: 2px;
--global-typography-instrument-value-medium-letter-spacing: -0.5px;
--global-typography-instrument-value-regular-letter-spacing: -0.5px;
--global-typography-instrument-value-large-degree-unit-width: 12px;
--ui-components-boolean-indicator-indicator-height: 16px;
--ui-components-boolean-indicator-indicator-width: 32px;
--ui-components-boolean-indicator-indicator-container-size: 48px;
--ui-components-boolean-indicator-label-spacing: 8px;
--ui-components-boolean-indicator-border-radius: 4px;
--global-typography-instrument-value-regular-padding-bottom: -0.5px;
--global-typography-instrument-label-padding-bottom: var(--line-height-200);
--global-typography-instrument-unit-padding-bottom: 2px;
--global-typography-instrument-value-small-padding-bottom: 2px;
--global-typography-instrument-value-medium-degree-unit-width: -0.5px;
--global-typography-instrument-value-small-degree-unit-width: 2px;
--global-typography-instrument-value-regular-degree-unit-width: -0.5px;
--instrument-components-readout-new-group-vertical-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-general-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-general-regular-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-regular-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-container-min-height: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-general-large-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-vertical-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-vertical-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-general-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-vertical-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-vertical-medium-divider-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-divider-padding: 0px;
--instrument-components-readout-new-group-vertical-enhanced-divider-padding: 0px;
--instrument-components-readout-new-group-vertical-regular-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-vertical-enhanced-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-regular-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-regular-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-group-horizontal-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-regular-divider-padding: 0px;
--instrument-components-readout-new-group-horizontal-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-regular-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-medium-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-divider-padding: 0px;
--instrument-components-readout-new-group-horizontal-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-medium-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-container-min-height: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-min-padding-horizontal: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-divider-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-padding: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-value-container-gap: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-value-unit-gap: 0px;
--instrument-components-readout-new-group-horizontal-enhanced-label-unit-gap: 0px;
--instrument-components-readout-new-source-button-icon-spacing: 0px;
--instrument-components-readout-new-source-button-icon-size: 0px;
--instrument-components-readout-new-source-button-horizontal-label-padding: 0px;
--instrument-components-readout-new-stack-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-regular-container-min-height: 0px;
--instrument-components-readout-new-stack-regular-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-regular-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-stack-regular-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-regular-divider-padding: 0px;
--instrument-components-readout-new-stack-regular-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-regular-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-medium-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-medium-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-medium-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-medium-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-divider-padding: 0px;
--instrument-components-readout-new-stack-medium-vertical-value-container-gap: 0px;
--instrument-components-readout-new-stack-medium-horizontal-value-container-gap: 0px;
--instrument-components-readout-new-stack-enhanced-container-padding-horizontal: 0px;
--instrument-components-readout-new-stack-enhanced-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-enhanced-container-min-height: 0px;
--instrument-components-readout-new-stack-enhanced-min-padding-horizontal: 0px;
--instrument-components-readout-new-stack-enhanced-horizontal-trim-padding: 0px;
--instrument-components-readout-new-stack-enhanced-degree-compensation-padding: 0px;
--instrument-components-readout-new-stack-enhanced-divider-padding: 0px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-padding-vertical: 0px;
--instrument-components-readout-new-stack-enhanced-vertical-value-container-gap: 0px;
--instrument-components-readout-new-general-horizontal-trim-padding: 0px;
--instrument-components-readout-new-general-medium-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-regular-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-medium-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-large-container-padding-vertical: 0px;
--instrument-components-readout-new-list-item-large-min-height: 0px;
--instrument-components-readout-new-list-item-large-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-medium-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-regular-container-padding-horizontal: 0px;
--instrument-components-readout-new-list-item-regular-value-container-gap: 0px;
--instrument-components-readout-new-list-item-regular-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-medium-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-large-degree-compensation-padding: 0px;
--instrument-components-readout-new-list-item-large-content-gap: 0px;
--instrument-components-readout-new-list-item-large-value-gap: 0px;
--instrument-components-readout-new-list-item-medium-value-container-gap: 0px;
--instrument-components-readout-new-list-item-medium-content-container-gap: 0px;
--instrument-components-readout-new-list-item-regular-content-container-gap: 0px;
--instrument-components-readout-new-general-regular-icon-size: 0px;
--instrument-components-readout-new-general-medium-icon-size: 0px;
--instrument-components-readout-new-general-large-icon-size: 0px;
--instrument-components-readout-new-general-large-degree-compensation-padding: 0px;
--instrument-components-readout-new-general-large-icon-gap: 0px;
--instrument-components-readout-new-general-medium-icon-gap: 0px;
--instrument-components-readout-new-general-regular-icon-gap: 0px;
--instrument-components-readout-new-general-medium-horizontal-min-padding-horizontal: 0px;
--ui-components-list-item-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-list-item-label-spacing: 16px;
--ui-components-list-item-label-spacing-small: 8px;
--ui-components-list-item-icon-size-small: var(
--global-size-spacing-icon-icon-size-small
);
--global-size-spacing-list-item-padding-horizontal: 32px;
--global-size-spacing-list-item-touch-target-min: var(
--global-size-spacing-touch-target-min
);
--global-size-spacing-list-item-padding-vertical: 16px;
--global-size-spacing-list-item-item-spacing: 16px;
--global-size-spacing-list-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-attachment-item-label-spacing: var(
--global-size-spacing-list-item-item-spacing
);
--ui-components-attachment-item-border-radius: var(
--global-size-spacing-list-item-border-radius
);
--ui-components-attachment-item-negative-spacing: 16px;
--ui-components-attachment-item-label-spacing-large: 32px;
--instrument-components-watchface-scale-stack-spacing: -14px;
--menu-navigation-components-pivot-item-icon-pivot-item-stroke-weight-active-tab: 2px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-top-horizontal-stack: 8px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-bottom-label-container: 12px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-horizontal-active-tab-container: 12px;
--menu-navigation-components-pivot-item-icon-pivot-item-padding-vertical-active-tab-container: 8px;
--instrument-components-watchface-tick-marks-visibility-main: var(
--tick-mark-main-visibility
);
--instrument-components-watchface-tick-marks-visibility-main-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-main-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-main-none: 0px;
--instrument-components-watchface-tick-marks-visibility-primary: var(
--tick-mark-primary-visibility
);
--instrument-components-watchface-tick-marks-visibility-primary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-primary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary: var(
--tick-mark-secondary-visibility
);
--instrument-components-watchface-tick-marks-visibility-secondary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-secondary-condenced: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary: var(
--tick-mark-tertiary-visibility
);
--instrument-components-watchface-tick-marks-visibility-tertiary-regular: 100px;
--instrument-components-watchface-tick-marks-visibility-tertiary-condenced: 100px;
--instrument-components-watchface-tick-marks-visibility-tertiary-none: 0px;
--instrument-components-watchface-tick-marks-visibility-main-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-primary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-secondary-indicator: 0px;
--instrument-components-watchface-tick-marks-visibility-tertiary-indicator: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility: var(
--advice-indicator-visibility
);
--instrument-components-advice-indicator-visibility-indicator-visibility-condenced: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-none: 0px;
--instrument-components-advice-indicator-visibility-indicator-visibility-regular: 100px;
--instrument-components-advice-indicator-visibility-indicator-visibility-indicator: 100px;
--ui-components-boolean-indicator-container-border-radius: 8px;
--ui-components-boolean-indicator-container-padding: 8px;
--ui-components-tag-visual-target-large: 64px;
--ui-components-tag-padding-horizontal-large: 12px;
--ui-components-tag-icon-size-large: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-tag-label-spacing-large: 8px;
--instrument-components-watchface-scale-size-framed-condenced: 12px;
--instrument-components-watchface-scale-size-framed-indication: 12px;
--instrument-components-watchface-scale-size-framed-none: 12px;
--instrument-components-watchface-scale-size-framed: var(--scale-framed-size);
--ui-components-input-fields-rich-input-field-label-spacing-title: 8px;
--ui-components-toggle-button-visual-size-large: 72px;
--automation-components-badge-new-size: 24px;
--automation-components-typography-new-actual-icon-size-s: 20px;
--automation-components-button-new-state-container-padding: 12px;
--automation-components-badge-new-icon-size: 18px;
--automation-components-badge-new-border-radius: 4px;
--automation-components-button-new-visual-target: 64px;
--automation-components-button-new-visual-target-round: 68px;
--automation-components-button-new-device-container-size: 72px;
--automation-components-button-new-spacer-size: 8px;
--automation-components-button-new-icon-size: 48px;
--automation-components-button-new-progress-bar-size: 64px;
--automation-components-button-new-progress-bar-mask-stroke: 8px;
--automation-components-button-new-icon-double-primary-size: 32px;
--automation-components-button-new-icon-double-secondary-size: 24px;
--automation-components-button-new-icon-size-flat: 64px;
--automation-components-button-new-icon-outline-stroke: 2px;
--automation-components-button-new-border-radius: 6px;
--automation-components-button-new-border-radius-round: 1000px;
--automation-components-typography-new-actual-icon-size-r: 24px;
--automation-components-typography-new-actual-icon-size-m: 32px;
--automation-components-typography-new-actual-icon-size-l: 40px;
--automation-components-typography-new-unit-container-height-s: 32px;
--automation-components-typography-new-unit-container-height-r: 40px;
--automation-components-typography-new-unit-container-height-m: 48px;
--automation-components-typography-new-unit-container-height-l: 64px;
--automation-components-badge-new-icon-size-flat: 24px;
--automation-components-button-new-badge-container: 72px;
--ui-components-progressbars-progress-bar--circular-bar-weight-small: 8px;
--instrument-components-advice-indicator-alert-border-radius-value: 8px;
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius: 9999px;
--ui-components-mode-switch-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-mode-switch-visual-size: var(
--global-size-spacing-visual-target-min
);
--ui-components-mode-switch-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--ui-components-mode-switch-label-spacing: 16px;
--ui-components-mode-switch-padding-horizontal: 8px;
--ui-components-mode-switch-stroke-weight: 1px;
--ui-components-mode-switch-stroke-weight-left: var(
--button-stroke-weight-left
);
--ui-components-mode-switch-stroke-weight-top: var(
--button-stroke-weight-top
);
--ui-components-mode-switch-stroke-weight-right: var(
--button-stroke-weight-right
);
--ui-components-mode-switch-stroke-weight-bottom: var(
--button-stroke-weight-bottom
);
--ui-components-mode-switch-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-mode-switch-border-radius-top-left: var(
--button-border-radius-top-left
);
--ui-components-mode-switch-border-radius-top-right: var(
--button-border-radius-top-right
);
--ui-components-mode-switch-border-radius-bottom-left: var(
--button-border-radius-bottom-left
);
--ui-components-mode-switch-border-radius-bottom-right: var(
--button-border-radius-bottom-right
);
--ui-components-mode-switch-indicator-active-width: 8px;
--ui-components-mode-switch-indicator-active-height: 56px;
--ui-components-mode-switch-indicator-inactive-width: 0px;
--ui-components-mode-switch-indicator-inactive-height: 0px;
--ui-components-mode-switch-indicator-padding-horizontal: 12px;
--ui-components-mode-switch-padding-vertical: 8px;
--automation-components-hydraulic-valve-thumb-size: 0px;
--instrument-components-advice-indicator-offset-offset-padding: var(
--advice-indicator-offset
);
--instrument-components-advice-indicator-offset-offset-regular: 0px;
--instrument-components-advice-indicator-offset-offset-condenced: 0px;
--instrument-components-advice-indicator-offset-offset-indication: 0px;
--instrument-components-advice-indicator-offset-offset-indication-internal: 32px;
--instrument-components-advice-indicator-offset-offset-indication-center: 0px;
--instrument-components-advice-indicator-offset-offset-none: 0px;
--instrument-components-watchface-scale-size-internal: 0px;
--instrument-components-advice-indicator-container-size: 24px;
--instrument-components-advice-indicator-container-size-container-size: var(
--advice-indicator-container-size
);
--instrument-components-advice-indicator-container-size-size-regular: 32px;
--instrument-components-advice-indicator-container-size-size-condenced: 32px;
--instrument-components-advice-indicator-container-size-size-indication: 32px;
--instrument-components-advice-indicator-container-size-size-indication-internal: 0px;
--instrument-components-advice-indicator-container-size-size-indication-center: 0px;
--instrument-components-advice-indicator-container-size-size-none: 0px;
--instrument-components-advice-indicator-area-line-padding: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-indication: 0px;
--instrument-components-advice-indicator-padding-indicator-padding-internal: 8px;
--instrument-components-advice-indicator-optimal-border-radius-top-left: var(
--advice-optimal-top-left
);
--instrument-components-advice-indicator-optimal-border-radius-top-right: var(
--advice-optimal-top-right
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-left: var(
--advice-optimal-bottom-left
);
--instrument-components-advice-indicator-optimal-border-radius-bottom-right: var(
--advice-optimal-bottom-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-left: var(
--advice-frame-top-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-top-right: var(
--advice-frame-top-right
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-left: var(
--advice-frame-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-frame-bottom-right: var(
--advice-frame-bottom-right
);
--instrument-components-advice-indicator-padding-indicator-padding-leading: 2px;
--instrument-components-advice-indicator-alert-padding-padding-leading: var(
--advice-frame-padding-leading
);
--instrument-components-advice-indicator-alert-padding-padding-trailing: var(
--advice-frame-padding-trailing
);
--instrument-components-advice-indicator-alert-padding-internal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-alert-padding-internal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-left: var(
--advice-indication-top-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-top-right: var(
--advice-indication-top-right
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-left: var(
--advice-indication-bottom-left
);
--instrument-components-advice-indicator-alert-border-radius-indicator-bottom-right: var(
--advice-indication-bottom-right
);
--instrument-components-advice-indicator-optimal-padding-leading: var(
--advice-frame-internal-padding-leading
);
--instrument-components-advice-indicator-optimal-padding-trailing: var(
--advice-frame-internal-padding-trailing
);
--instrument-components-advice-indicator-alert-point-width: 16px;
--instrument-components-advice-indicator-alert-point-height: 6px;
--instrument-components-advice-indicator-optimal-point-size: 16px;
--ui-components-audio-input-spacing: 8px;
--ui-components-audio-input-dot-size: 8px;
--ui-components-audio-input-height: 64px;
--ui-components-audio-recording-item-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-audio-recording-item-visual-target: var(
--global-size-spacing-visual-target-min
);
--ui-components-audio-recording-item-padding-horizontal: 16px;
--ui-components-audio-recording-item-label-spacing: 16px;
--ui-components-audio-recording-item-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-audio-output-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-input-border-radius: var(
--global-border-radius-border-radius-round
);
--ui-components-audio-recording-item-delete-button-container-size: 80px;
--instrument-components-watchface-frame-main-track-margin: var(
--frame-track-margin
);
--instrument-components-advice-indicator-optimal-tick-mark-padding: 8px;
--menu-navigation-components-date-item-appointment-container-padding: 8px;
--instrument-components-watchface-frame-regular-thickness: 48px;
--instrument-components-watchface-frame-regular-outer-margin: 8px;
--instrument-components-watchface-frame-regular-border-radius: 16px;
--instrument-components-watchface-frame-regular-track-thickness: 176px;
--instrument-components-watchface-frame-regular-track-size: 128px;
--instrument-components-watchface-frame-regular-track-margin: 56px;
--instrument-components-watchface-frame-regular-double-thickness: 24px;
--instrument-components-watchface-frame-condenced-thickness: 32px;
--instrument-components-watchface-frame-condenced-outer-margin: 8px;
--instrument-components-watchface-frame-condenced-border-radius: 16px;
--instrument-components-watchface-frame-condenced-total-thickness: 176px;
--instrument-components-watchface-frame-condenced-track-size: 128px;
--instrument-components-watchface-frame-condenced-track-margin: 56px;
--instrument-components-watchface-frame-condenced-double-thickness: 24px;
--app-components-integration-system-dropdown-menu-padding-horizontal: 16px;
--app-components-integration-system-dropdown-menu-spacing-horizontal: 16px;
--app-components-integration-system-dropdown-menu-action-container-height: 128px;
--app-components-integration-system-dropdown-menu-border-radius: 128px;
--ui-components-app-button-border-radius-small: 24px;
--ui-components-app-button-border-radius-large: 40px;
--app-components-integration-system-app-bar-fleet-container-border-radius: 36px;
--ui-components-two-step-action-border-radius: var(
--global-border-radius-border-radius-base
);
--ui-components-two-step-action-touch-target-size: var(
--global-size-spacing-touch-target-min
);
--ui-components-two-step-action-visual-target-size: var(
--global-size-spacing-visual-target-min
);
--app-components-integration-system-navigation-item-horizontal-label-spacing-small: 8px;
--global-typography-ui-title-font-size: 0px;
--global-typography-ui-title-line-height: 0px;
--global-typography-ui-title-font-weight: var(
--typography-font-weight-semibold
);
--global-typography-ui-title-letter-spacing: -0.5px;
--app-components-integration-system-navigation-item-horizontal-padding-horizontal-large: 24px;
--ui-components-accordion-item-label-spacing-small: 8px;
--menu-navigation-components-navigation-item-label-spacing-small: 8px;
--app-components-integration-system-topbar-margin-global: 8px;
--app-components-integration-system-topbar-touch-target-size: var(
--app-components-topbar-touch-target-size
);
--app-components-integration-system-topbar-item-spacing: 16px;
--app-components-integration-system-status-indicator-padding-horizontal: 16px;
--app-components-integration-system-status-indicator-label-spacing: 16px;
--app-components-integration-system-status-indicator-border-radius: var(
--global-border-radius-border-radius-floating
);
--app-components-integration-system-status-indicator-icon-size: var(
--global-size-spacing-icon-icon-size-regular
);
--app-components-integration-system-status-indicator-height: 80px;
}
* {
--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-input-fields-text-input-field-border-radius
);
--input-field-border-radius-top-right: var(
--ui-components-input-fields-text-input-field-border-radius
);
--input-field-border-radius-bottom-right: var(
--ui-components-input-fields-text-input-field-border-radius
);
--input-field-border-radius-bottom-left: var(
--ui-components-input-fields-text-input-field-border-radius
);
--input-field-stroke-weight-left: var(
--ui-components-input-fields-text-input-field-stroke-weight
);
--input-field-stroke-weight-top: var(
--ui-components-input-fields-text-input-field-stroke-weight
);
--input-field-stroke-weight-right: var(
--ui-components-input-fields-text-input-field-stroke-weight
);
--input-field-stroke-weight-bottom: var(
--ui-components-input-fields-text-input-field-stroke-weight
);
--input-field-padding-left: var(
--ui-components-input-fields-text-input-field-padding-horizontal
);
--input-field-padding-right: var(
--ui-components-input-fields-text-input-field-padding-horizontal
);
--bar-meter-border-radius-top-left: var(
--infographic-components-bar-bar-border-radius
);
--bar-meter-border-radius-top-right: var(
--infographic-components-bar-bar-border-radius
);
--bar-meter-border-radius-bottom-left: var(
--infographic-components-bar-bar-border-radius
);
--bar-meter-border-radius-bottom-right: var(
--infographic-components-bar-bar-border-radius
);
--bar-chart-bar-vertical-border-radius-top-left: var(
--infographic-components-bar-chart-bar-border-radius
);
--bar-chart-bar-vertical-border-radius-top-right: var(
--infographic-components-bar-chart-bar-border-radius
);
--bar-chart-bar-vertical-border-radius-bottom-left: var(
--infographic-components-bar-chart-bar-border-radius
);
--bar-chart-bar-vertical-border-radius-bottom-right: var(
--infographic-components-bar-chart-bar-border-radius
);
--bar-chart-bar-vertical-padding-top: 0px;
--bar-chart-bar-vertical-padding-bottom: 0px;
--bar-chart-bar-horizontal-padding-left: 0px;
--bar-chart-bar-horizontal-padding-right: 0px;
--bar-chart-bar-horizontal-border-radius-top-left: var(
--infographic-components-bar-chart-bar-border-radius
);
--bar-chart-bar-horizontal-border-radius-top-right: var(
--infographic-components-bar-chart-bar-border-radius
);
--bar-chart-bar-horizontal-border-radius-bottom-right: var(
--infographic-components-bar-chart-bar-border-radius
);
--bar-chart-bar-horizontal-border-radius-bottom-left: var(
--infographic-components-bar-chart-bar-border-radius
);
--notification-message-border-radius-top-left: var(
--app-components-topbar-message-item-border-radius
);
--notification-message-stroke-weight-left: var(
--app-components-topbar-message-item-stroke-weight
);
--notification-message-stroke-weight-top: var(
--app-components-topbar-message-item-stroke-weight
);
--notification-message-stroke-weight-right: var(
--app-components-topbar-message-item-stroke-weight
);
--notification-message-stroke-weight-bottom: var(
--app-components-topbar-message-item-stroke-weight
);
--notification-message-border-radius-top-right: var(
--app-components-topbar-message-item-border-radius
);
--notification-message-border-radius-bottom-right: var(
--app-components-topbar-message-item-border-radius
);
--notification-message-border-radius-bottom-left: var(
--app-components-topbar-message-item-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
);
--elevated-card-border-radius-top-left: var(
--ui-components-elevated-card-border-radius
);
--elevated-card-border-radius-top-right: var(
--ui-components-elevated-card-border-radius
);
--elevated-card-border-radius-bottom-right: var(
--ui-components-elevated-card-border-radius
);
--elevated-card-border-radius-bottom-left: var(
--ui-components-elevated-card-border-radius
);
--elevated-card-stroke-weight-left: 0px;
--elevated-card-stroke-weight-top: 0px;
--elevated-card-stroke-weight-right: 0px;
--elevated-card-stroke-weight-bottom: 0px;
--icon-button-border-radius-top-left: var(
--ui-components-icon-button-border-radius
);
--icon-button-border-radius-top-right: var(
--ui-components-icon-button-border-radius
);
--icon-button-border-radius-bottom-right: var(
--ui-components-icon-button-border-radius
);
--icon-button-border-radius-bottom-left: var(
--ui-components-button-border-radius
);
--icon-button-stroke-weight-left: var(--ui-components-button-stroke-weight);
--icon-button-stroke-weight-top: var(--ui-components-button-stroke-weight);
--icon-button-stroke-weight-right: var(--ui-components-button-stroke-weight);
--icon-button-stroke-weight-bottom: var(--ui-components-button-stroke-weight);
--advice-indication-top-left: var(
--instrument-components-advice-indicator-alert-border-radius-value
);
--advice-indication-top-right: var(
--instrument-components-advice-indicator-alert-border-radius-value
);
--advice-indication-bottom-left: var(
--instrument-components-advice-indicator-alert-border-radius-value
);
--advice-indication-bottom-right: var(
--instrument-components-advice-indicator-alert-border-radius-value
);
--advice-optimal-top-left: var(
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius
);
--advice-optimal-top-right: var(
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius
);
--advice-optimal-bottom-left: var(
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius
);
--advice-optimal-bottom-right: var(
--instrument-components-advice-indicator-optimal-border-radius-indicator-optimal-border-radius
);
--advice-chart-top-left: 0px;
--advice-chart-top-right: 0px;
--advice-chart-bottom-left: 0px;
--advice-chart-bottom-right: 0px;
--advice-frame-top-left: 0px;
--advice-frame-top-right: 0px;
--advice-frame-bottom-left: 0px;
--advice-frame-bottom-right: 0px;
--advice-indication-padding-leading: 0px;
--advice-indication-padding-trailing: 0px;
--advice-frame-padding-leading: 0px;
--advice-frame-padding-trailing: 0px;
--advice-frame-internal-padding-leading: var(
--instrument-components-advice-indicator-padding-indicator-padding
);
--advice-frame-internal-padding-trailing: var(
--instrument-components-advice-indicator-padding-indicator-padding
);
--border-radius-br-round: 1000px;
--selection-size-min: 24px;
--border-radius-br-0: 0px;
--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,
:root[data-obc-theme="day"] {
--icon-02-chevron-up: url('data:image/svg+xml,');
--icon-02-chevron-down: url('data:image/svg+xml,');
--element-active-color: rgb(31, 31, 31);
--element-neutral-color: rgb(83, 83, 83);
--element-inactive-color: rgb(112, 112, 112);
--element-disabled-color: rgb(190, 190, 190);
--container-global-color: rgb(252, 252, 252);
--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(45, 84, 139);
--instrument-enhanced-tertiary-color: rgb(156, 193, 245);
--instrument-regular-secondary-color: rgb(83, 83, 83);
--instrument-regular-tertiary-color: rgb(190, 190, 190);
--instrument-frame-primary-color: rgb(255, 255, 255);
--instrument-frame-secondary-color: rgb(240, 240, 240);
--instrument-frame-tertiary-color: rgb(190, 190, 190);
--instrument-tick-mark-primary-color: rgb(83, 83, 83);
--instrument-tick-mark-secondary-color: rgb(142, 142, 142);
--instrument-tick-mark-tertiary-color: rgb(190, 190, 190);
--instrument-starboard-primary-color: rgb(0, 128, 94);
--instrument-starboard-secondary-color: rgb(191, 229, 213);
--instrument-port-primary-color: rgb(175, 86, 85);
--instrument-port-secondary-color: rgb(252, 210, 207);
--alert-alarm-color: rgb(227, 0, 25);
--alert-warning-color: rgb(254, 148, 19);
--alert-caution-color: rgb(255, 219, 66);
--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(149, 149, 149);
--element-inactive-inverted-color: rgb(117, 117, 117);
--element-disabled-inverted-color: rgb(53, 53, 53);
--alert-running-color: rgb(0, 131, 0);
--normal-enabled-background-color: rgb(255, 255, 255);
--data-categorical-qualitative-01: rgb(93, 143, 213);
--data-categorical-qualitative-02: rgb(196, 126, 60);
--data-categorical-qualitative-03: rgb(29, 157, 161);
--data-categorical-qualitative-04: rgb(118, 101, 178);
--normal-enabled-border-color: rgb(190, 190, 190);
--normal-hover-background-color: rgb(240, 240, 240);
--normal-hover-border-color: rgb(190, 190, 190);
--normal-pressed-background-color: rgb(221, 221, 221);
--normal-pressed-border-color: rgb(190, 190, 190);
--normal-focused-background-color: rgb(255, 255, 255);
--normal-focused-border-color: rgb(66, 113, 179);
--normal-disabled-border-color: rgb(221, 221, 221);
--normal-disabled-background-color: rgb(0, 0, 0, 0);
--raised-enabled-background-color: rgb(29, 60, 103);
--raised-enabled-border-color: rgb(21, 47, 83);
--raised-hover-background-color: rgb(21, 47, 83);
--raised-hover-border-color: rgb(12, 32, 58);
--raised-pressed-background-color: rgb(12, 32, 58);
--raised-pressed-border-color: rgb(12, 32, 58);
--raised-focused-background-color: rgb(29, 60, 103);
--raised-focused-border-color: rgb(66, 113, 179);
--raised-disabled-background-color: rgb(0, 0, 0, 0);
--raised-disabled-border-color: rgb(221, 221, 221);
--on-normal-active-color: rgb(31, 31, 31);
--on-normal-neutral-color: rgb(83, 83, 83);
--on-normal-disabled-color: rgb(190, 190, 190);
--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, 0.03999999910593033);
--flat-hover-border-color: rgb(0, 0, 0, 0);
--flat-pressed-background-color: rgb(0, 0, 0, 0.10000000149011612);
--flat-pressed-border-color: rgb(0, 0, 0, 0);
--flat-focused-background-color: rgb(0, 0, 0, 0);
--flat-focused-border-color: rgb(45, 84, 139);
--flat-disabled-background-color: rgb(0, 0, 0, 0);
--flat-disabled-border-color: rgb(0, 0, 0, 0);
--on-raised-active-color: rgb(228, 238, 253);
--on-raised-neutral-color: rgb(228, 238, 253);
--on-raised-disabled-color: rgb(190, 190, 190);
--on-flat-active-color: rgb(31, 31, 31);
--on-flat-neutral-color: rgb(83, 83, 83);
--on-flat-disabled-color: rgb(190, 190, 190);
--selected-enabled-background-color: rgb(45, 84, 139);
--selected-enabled-border-color: rgb(29, 60, 103);
--selected-hover-background-color: rgb(37, 72, 122);
--selected-hover-border-color: rgb(29, 60, 103);
--selected-pressed-background-color: rgb(29, 60, 103);
--selected-pressed-border-color: rgb(29, 60, 103);
--selected-focused-background-color: rgb(45, 84, 139);
--selected-focused-border-color: rgb(29, 60, 103);
--selected-disabled-background-color: rgb(190, 190, 190);
--selected-disabled-border-color: rgb(190, 190, 190);
--on-selected-active-color: rgb(255, 255, 255);
--on-selected-neutral-color: rgb(202, 222, 252);
--on-selected-disabled-color: rgb(255, 255, 255);
--amplified-enabled-background-color: rgb(228, 238, 253);
--amplified-enabled-border-color: rgb(178, 207, 249);
--amplified-hover-background-color: rgb(202, 222, 252);
--amplified-hover-border-color: rgb(178, 207, 249);
--amplified-pressed-background-color: rgb(178, 207, 249);
--amplified-pressed-border-color: rgb(156, 193, 245);
--amplified-focused-background-color: rgb(228, 238, 253);
--amplified-focused-border-color: rgb(66, 113, 179);
--amplified-disabled-background-color: rgb(255, 255, 255, 0);
--amplified-disabled-border-color: rgb(190, 190, 190);
--on-amplified-active-color: rgb(29, 60, 103);
--on-amplified-neutral-color: rgb(45, 84, 139);
--on-amplified-disabled-color: rgb(190, 190, 190);
--navigation-light-green-color: rgb(133, 205, 176);
--navigation-light-red-color: rgb(242, 168, 165);
--navigation-light-yellow-color: rgb(202, 187, 121);
--alert-limit-primary-color: rgb(0, 0, 0, 0.03999999910593033);
--alert-limit-secondary-color: rgb(0, 0, 0, 0.03999999910593033);
--alarm-enabled-background-color: rgb(227, 0, 25);
--alarm-enabled-border-color: rgb(171, 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(171, 0, 0);
--alarm-disabled-background-color: rgb(227, 0, 25);
--alarm-disabled-border-color: rgb(227, 0, 25);
--warning-enabled-background-color: rgb(254, 148, 19);
--warning-enabled-border-color: rgb(233, 103, 0);
--warning-hover-background-color: rgb(233, 103, 0);
--warning-hover-border-color: rgb(211, 89, 0);
--warning-pressed-background-color: rgb(211, 89, 0);
--warning-pressed-border-color: rgb(190, 78, 0);
--warning-focused-background-color: rgb(255, 135, 42);
--warning-focused-border-color: rgb(233, 103, 0);
--warning-disabled-background-color: rgb(255, 135, 42);
--warning-disabled-border-color: rgb(255, 135, 42);
--caution-enabled-background-color: rgb(255, 219, 66);
--caution-enabled-border-color: rgb(179, 135, 0);
--caution-hover-background-color: rgb(253, 198, 0);
--caution-hover-border-color: rgb(179, 135, 0);
--caution-pressed-background-color: rgb(232, 179, 0);
--caution-pressed-border-color: rgb(179, 135, 0);
--caution-focused-background-color: rgb(255, 219, 66);
--caution-focused-border-color: rgb(179, 135, 0);
--caution-disabled-background-color: rgb(179, 135, 0);
--caution-disabled-border-color: rgb(179, 135, 0);
--data-weather-sun-primary-color: rgb(163, 97, 28);
--data-weather-sun-secondary-color: rgb(244, 215, 191);
--data-weather-cloud-light-primary-color: rgb(142, 142, 142);
--data-weather-cloud-light-seconday-color: rgb(221, 221, 221);
--data-weather-cloud-rain-primary-color: rgb(112, 112, 112);
--data-weather-cloud-rain-secondary-color: rgb(190, 190, 190);
--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(29, 157, 161);
--data-weather-rain-primary-color: rgb(93, 143, 213);
--data-weather-lightning-primary-color: rgb(196, 126, 60);
--data-weather-moon-primary-color: rgb(112, 112, 112);
--indent-enabled-background-color: rgb(0, 0, 0, 0.03999999910593033);
--indent-enabled-border-color: rgb(0, 0, 0, 0.10000000149011612);
--indent-hover-background-color: rgb(0, 0, 0, 0.10000000149011612);
--indent-hover-border-color: rgb(0, 0, 0, 0.03999999910593033);
--indent-pressed-background-color: rgb(0, 0, 0, 0.17000000178813934);
--indent-pressed-border-color: rgb(0, 0, 0, 0.03999999910593033);
--indent-focused-background-color: rgb(0, 0, 0, 0.03999999910593033);
--indent-focused-border-color: rgb(66, 113, 179);
--indent-disabled-background-color: rgb(0, 0, 0, 0);
--indent-disabled-border-color: rgb(0, 0, 0, 0.10000000149011612);
--on-indent-active-color: rgb(61, 61, 61);
--on-indent-neutral-color: rgb(83, 83, 83);
--on-indent-disabled-color: rgb(190, 190, 190);
--on-caution-active-color: rgb(61, 61, 61);
--on-caution-neutral-color: rgb(83, 83, 83);
--on-caution-disabled-color: rgb(143, 107, 0);
--on-warning-active-color: rgb(26, 26, 26);
--on-warning-neutral-color: rgb(61, 61, 61);
--on-warning-disabled-color: rgb(145, 55, 0);
--on-alarm-active-color: rgb(255, 255, 255);
--on-alarm-neutral-color: rgb(255, 234, 231);
--on-alarm-disabled-color: rgb(255, 167, 156);
--instrument-enhanced-primary-color: rgb(29, 60, 103);
--instrument-enhanced-secondary-dif-color: rgb(93, 143, 213);
--instrument-regular-primary-color: rgb(61, 61, 61);
--data-weather-cloud-seconday-color: rgb(221, 221, 221);
--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(190, 190, 190);
--on-running-color: rgb(255, 255, 255);
--flat-activated-background-color: rgb(0, 0, 0, 0.03999999910593033);
--flat-activated-border-color: rgb(0, 0, 0, 0.03999999910593033);
--normal-activated-background-color: rgb(240, 240, 240);
--normal-activated-border-color: rgb(190, 190, 190);
--base-blue-050: rgb(228, 238, 253);
--base-blue-300: rgb(93, 143, 213);
--base-blue-600: rgb(29, 60, 103);
--base-blue-100: rgb(202, 222, 252);
--base-blue-200: rgb(156, 193, 245);
--base-blue-400: rgb(66, 113, 179);
--base-blue-500: rgb(45, 84, 139);
--automation-medium-acid-alkalis: rgb(225, 169, 215);
--automation-medium-fire-fighting: rgb(241, 175, 156);
--automation-medium-flammable-gas: rgb(242, 168, 165);
--automation-medium-fresh-water: rgb(130, 199, 230);
--automation-medium-sea-water: rgb(133, 205, 176);
--automation-medium-fuel: rgb(230, 176, 129);
--automation-medium-oil: rgb(202, 187, 121);
--automation-medium-masses: rgb(226, 219, 211);
--automation-medium-non-flammable-gas: rgb(162, 201, 147);
--automation-medium-steam: rgb(156, 193, 245);
--automation-medium-air-ventilation: rgb(190, 190, 190);
--automation-medium-waste: rgb(190, 179, 242);
--automation-medium-hot: rgb(241, 175, 156);
--automation-medium-cold: rgb(130, 199, 230);
--base-cyan-050: rgb(223, 240, 249);
--base-cyan-100: rgb(191, 226, 243);
--base-cyan-200: rgb(130, 199, 230);
--base-cyan-300: rgb(36, 153, 196);
--base-cyan-400: rgb(0, 121, 162);
--base-cyan-500: rgb(0, 90, 123);
--base-cyan-600: rgb(0, 65, 91);
--base-red-050: rgb(253, 233, 232);
--base-red-100: rgb(252, 210, 207);
--base-red-200: rgb(242, 168, 165);
--base-red-300: rgb(209, 115, 112);
--base-red-400: rgb(175, 86, 85);
--base-red-500: rgb(134, 61, 60);
--base-red-600: rgb(98, 41, 41);
--base-orange-050: rgb(249, 236, 225);
--base-orange-100: rgb(244, 215, 191);
--base-orange-200: rgb(230, 176, 129);
--base-orange-300: rgb(196, 126, 60);
--base-orange-400: rgb(163, 97, 28);
--base-orange-500: rgb(124, 70, 6);
--base-orange-600: rgb(91, 49, 0);
--base-teal-050: rgb(226, 242, 243);
--base-teal-100: rgb(190, 228, 229);
--base-teal-200: rgb(128, 202, 205);
--base-teal-300: rgb(29, 157, 161);
--base-teal-400: rgb(0, 125, 129);
--base-teal-500: rgb(0, 93, 97);
--base-teal-600: rgb(0, 67, 70);
--border-focus-color: rgb(66, 113, 179);
--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(190, 190, 190);
--automation-pipe-secondary-inverted-color: rgb(112, 112, 112);
--automation-pipe-tertiary-inverted-color: rgb(142, 142, 142);
--thumb-enabled-background-color: rgb(255, 255, 255);
--thumb-enabled-border-color: rgb(190, 190, 190);
--thumb-hover-background-color: rgb(240, 240, 240);
--thumb-hover-border-color: rgb(190, 190, 190);
--thumb-pressed-background-color: rgb(221, 221, 221);
--thumb-pressed-border-color: rgb(190, 190, 190);
--thumb-focused-background-color: rgb(255, 255, 255);
--thumb-focused-border-color: rgb(66, 113, 179);
--thumb-disabled-background-color: rgb(190, 190, 190);
--thumb-disabled-border-color: rgb(190, 190, 190);
--thumb-activated-background-color: rgb(221, 221, 221);
--thumb-activated-border-color: rgb(190, 190, 190);
--on-thumb-active-color: rgb(31, 31, 31);
--on-thumb-neutral-color: rgb(83, 83, 83);
--on-thumb-disabled-color: rgb(255, 255, 255);
--running-enabled-background-color: rgb(0, 131, 0);
--running-enabled-border-color: rgb(0, 98, 0);
--running-hover-background-color: rgb(0, 112, 0);
--running-hover-border-color: rgb(0, 98, 0);
--running-pressed-background-color: rgb(0, 98, 0);
--running-pressed-border-color: rgb(0, 98, 0);
--running-focused-background-color: rgb(0, 131, 0);
--running-focused-border-color: rgb(0, 98, 0);
--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(143, 206, 138);
--navigation-light-danger-color: rgb(156, 89, 147);
--navigation-light-map-caution-color: rgb(163, 97, 28);
--alert-warning-text-color: rgb(190, 78, 0);
--alert-caution-outline-color: rgb(179, 135, 0);
--alert-warning-outline-color: rgb(233, 103, 0);
--instrument-regular-secondary-dif-color: rgb(142, 142, 142);
--notification-enabled-background-color: rgb(45, 84, 139);
--notification-enabled-border-color: rgb(29, 60, 103);
--notification-hover-background-color: rgb(37, 72, 122);
--notification-hover-border-color: rgb(29, 60, 103);
--notification-pressed-background-color: rgb(29, 60, 103);
--notification-pressed-border-color: rgb(29, 60, 103);
--notification-focused-background-color: rgb(45, 84, 139);
--notification-focused-border-color: rgb(29, 60, 103);
--notification-disabled-background-color: rgb(190, 190, 190);
--notification-disabled-border-color: rgb(190, 190, 190);
--on-notification-active-color: rgb(255, 255, 255);
--on-notification-neutral-color: rgb(202, 222, 252);
--on-notification-disabled-color: rgb(255, 255, 255);
--shadow-flat-x: 0px;
--shadow-flat-y: 1px;
--shadow-flat-blur: 2px;
--shadow-flat-color: rgb(0, 0, 0, 0.23000000417232513);
--shadow-raised-x: 0px;
--shadow-raised-y: 2px;
--shadow-raised-blur: 4px;
--shadow-raised-color: rgb(0, 0, 0, 0.23000000417232513);
--shadow-floating-x: 0px;
--shadow-floating-y: 4px;
--shadow-floating-blur: 16px;
--shadow-floating-color: rgb(0, 0, 0, 0.3199999928474426);
--shadow-overlay-x: 0px;
--shadow-overlay-y: 8px;
--shadow-overlay-blur: 32px;
--shadow-overlay-color: rgb(0, 0, 0, 0.41999998688697815);
--shadow-flat-spread: 0px;
--shadow-raised-spread: 0px;
--shadow-floating-spread: 0px;
--shadow-overlay-spread: 0px;
--typography-font-family-old: "Open Sans";
--typography-font-family-main: "Noto Sans";
--typography-font-weight-bold: 670;
--typography-font-weight-semibold: 570;
--typography-font-weight-regular: 370;
--typography-font-size-100: 16px;
--typography-font-size-075: 12px;
--typography-font-size-450: 72px;
--typography-font-size-150: 24px;
--typography-font-size-300: 48px;
--typography-font-size-400: 64px;
--typography-font-size-500: 80px;
--typography-font-size-250: 36px;
--typography-font-size-200: 32px;
--typography-line-height-500: 104px;
--typography-line-height-300: 64px;
--typography-line-height-250: 56px;
--typography-line-height-050: 12px;
--typography-line-height-100: 24px;
--typography-line-height-150: 32px;
--typography-line-height-450: 96px;
--typography-line-height-075: 16px;
--typography-line-height-400: 80px;
--typography-line-height-200: 48px;
--base-mint-050: rgb(226, 243, 235);
--base-mint-100: rgb(191, 229, 213);
--base-mint-200: rgb(133, 205, 176);
--base-mint-300: rgb(38, 160, 123);
--base-mint-400: rgb(0, 128, 94);
--base-mint-500: rgb(0, 95, 67);
--base-mint-600: rgb(0, 69, 47);
--base-yellow-050: rgb(242, 239, 223);
--base-yellow-100: rgb(228, 220, 185);
--base-yellow-200: rgb(202, 187, 121);
--base-yellow-300: rgb(162, 141, 41);
--base-yellow-400: rgb(132, 111, 0);
--base-yellow-500: rgb(99, 82, 0);
--base-yellow-600: rgb(72, 58, 0);
--base-purple-050: rgb(248, 234, 245);
--base-purple-100: rgb(242, 211, 236);
--base-purple-200: rgb(225, 169, 215);
--base-purple-300: rgb(189, 118, 179);
--base-purple-400: rgb(156, 89, 147);
--base-purple-500: rgb(119, 64, 112);
--base-purple-600: rgb(87, 44, 82);
--base-indigo-050: rgb(239, 237, 252);
--base-indigo-100: rgb(221, 216, 250);
--base-indigo-200: rgb(190, 179, 242);
--base-indigo-300: rgb(147, 130, 211);
--base-indigo-400: rgb(118, 101, 178);
--base-indigo-500: rgb(88, 73, 137);
--base-indigo-600: rgb(63, 51, 101);
--alert-alarm-outline-color: rgb(171, 0, 0);
--eco-enhanced: rgb(0, 95, 67);
--eco-eco-400: rgb(0, 128, 94);
--eco-eco-300: rgb(38, 160, 123);
--eco-eco-200: rgb(133, 205, 176);
--eco-disabled: rgb(191, 229, 213);
--eco-tinted: rgb(226, 243, 235);
--alert-running-outline-color: rgb(0, 98, 0);
--base-running-050: rgb(227, 243, 226);
--base-running-100: rgb(194, 229, 191);
--base-running-200: rgb(143, 206, 138);
--base-running-300: rgb(57, 162, 52);
--base-running-400: rgb(0, 131, 0);
--base-running-500: rgb(0, 98, 0);
--base-running-600: rgb(0, 71, 0);
--data-scales-viridis-000: rgb(255, 219, 66);
--data-scales-viridis-050: rgb(29, 157, 161);
--data-scales-viridis-100: rgb(63, 51, 101);
--data-scales-viridis-025: rgb(102, 186, 97);
--data-scales-viridis-075: rgb(45, 84, 139);
--data-scales-magma-000: rgb(255, 240, 136);
--data-scales-magma-050: rgb(209, 115, 112);
--data-scales-magma-100: rgb(87, 44, 82);
--data-scales-plasma-000: rgb(255, 219, 66);
--data-scales-plasma-033: rgb(255, 135, 42);
--data-scales-plasma-066: rgb(153, 0, 143);
--data-scales-plasma-100: rgb(0, 48, 155);
--data-scales-inferno-000: rgb(255, 219, 66);
--data-scales-inferno-033: rgb(255, 135, 42);
--data-scales-inferno-066: rgb(153, 0, 143);
--data-scales-inferno-100: rgb(0, 48, 155);
--data-scales-cividis-000: rgb(255, 219, 66);
--data-scales-cividis-050: rgb(142, 142, 142);
--data-scales-cividis-100: rgb(0, 48, 155);
--data-scales-mako-000: rgb(227, 243, 226);
--data-scales-mako-050: rgb(36, 153, 196);
--data-scales-mako-100: rgb(63, 51, 101);
--data-scales-rocket-000: rgb(255, 234, 231);
--data-scales-rocket-050: rgb(255, 77, 71);
--data-scales-rocket-100: rgb(112, 0, 104);
--data-scales-mako-025: rgb(133, 205, 176);
--data-scales-mako-075: rgb(45, 84, 139);
--data-scales-turbo-000: rgb(127, 0, 0);
--data-scales-turbo-014: rgb(227, 0, 25);
--data-scales-turbo-028: rgb(233, 103, 0);
--data-scales-turbo-042: rgb(255, 219, 66);
--data-scales-turbo-056: rgb(98, 250, 107);
--data-scales-turbo-100: rgb(63, 51, 101);
--data-scales-turbo-070: rgb(29, 208, 213);
--data-scales-turbo-084: rgb(61, 140, 255);
--data-divergent-regular-000: rgb(91, 49, 0);
--data-divergent-regular-025: rgb(196, 126, 60);
--data-divergent-regular-049: rgb(249, 236, 225);
--data-divergent-regular-051: rgb(223, 240, 249);
--data-divergent-regular-100: rgb(0, 65, 91);
--data-divergent-regular-075: rgb(29, 157, 161);
--data-divergent-hot-cold-000: rgb(87, 44, 82);
--data-divergent-hot-cold-025: rgb(209, 115, 112);
--data-divergent-hot-cold-049: rgb(253, 233, 232);
--data-divergent-hot-cold-051: rgb(223, 240, 249);
--data-divergent-hot-cold-075: rgb(36, 153, 196);
--data-divergent-hot-cold-100: rgb(29, 60, 103);
--data-divergent-positive-negative-000: rgb(98, 41, 41);
--data-divergent-positive-negative-025: rgb(209, 115, 112);
--data-divergent-positive-negative-049: rgb(255, 255, 255);
--data-divergent-positive-negative-051: rgb(255, 255, 255);
--data-divergent-positive-negative-075: rgb(38, 160, 123);
--data-divergent-positive-negative-100: rgb(0, 69, 47);
--data-scales-monochrome-000: rgb(228, 238, 253);
--data-scales-monochrome-020: rgb(156, 193, 245);
--data-scales-monochrome-040: rgb(93, 143, 213);
--data-scales-monochrome-060: rgb(66, 113, 179);
--data-scales-monochrome-080: rgb(45, 84, 139);
--data-scales-monochrome-100: rgb(29, 60, 103);
--data-categorical-qualitative-05: rgb(209, 115, 112);
--data-categorical-qualitative-06: rgb(36, 153, 196);
--data-categorical-qualitative-07: rgb(162, 141, 41);
--data-categorical-qualitative-08: rgb(189, 118, 179);
--data-categorical-qualitative-09: rgb(38, 160, 123);
--data-categorical-operational-01: rgb(93, 143, 213);
--data-categorical-operational-02: rgb(29, 157, 161);
--data-categorical-operational-03: rgb(147, 130, 211);
--data-categorical-operational-04: rgb(36, 153, 196);
--data-categorical-operational-05: rgb(189, 118, 179);
--data-categorical-operational-06: rgb(162, 141, 41);
--data-categorical-operational-07: rgb(209, 115, 112);
--data-categorical-operational-08: rgb(38, 160, 123);
--data-categorical-operational-09: rgb(196, 126, 60);
--overlay-element-active-color: rgb(255, 255, 255);
--overlay-element-neutral-color: rgb(255, 255, 255, 0.5899999737739563);
--overlay-element-inactive-color: rgb(255, 255, 255, 0.4699999988079071);
--overlay-element-disabled-color: rgb(255, 255, 255, 0.20999999344348907);
--overlay-container-global-color: rgb(252, 252, 252);
--overlay-container-background-color: rgb(255, 255, 255, 0.7099999785423279);
--overlay-border-outline-color: rgb(240, 240, 240);
--integration-on-selected-neutral-color: rgb(53, 53, 53);
--integration-on-selected-active-color: rgb(30, 30, 30);
--integration-on-normal-neutral-color: rgb(217, 217, 217);
--integration-on-normal-active-color: rgb(247, 247, 247);
--integration-on-normal-disabled-color: rgb(53, 53, 53);
--integration-selected-enabled-background-color: rgb(252, 252, 252);
--integration-selected-enabled-border-color: rgb(252, 252, 252);
--integration-selected-hover-background-color: rgb(247, 247, 247);
--integration-selected-hover-border-color: rgb(247, 247, 247);
--integration-selected-pressed-background-color: rgb(235, 235, 235);
--integration-selected-pressed-border-color: rgb(235, 235, 235);
--integration-selected-focused-background-color: rgb(252, 252, 252);
--integration-selected-disabled-background-color: rgb(0, 0, 0, 0);
--integration-selected-disabled-border-color: rgb(0, 0, 0, 0);
--integration-normal-enabled-background-color: rgb(30, 30, 30);
--integration-normal-enabled-border-color: rgb(53, 53, 53);
--integration-normal-hover-background-color: rgb(53, 53, 53);
--integration-normal-hover-border-color: rgb(89, 89, 89);
--integration-normal-pressed-background-color: rgb(42, 42, 42);
--integration-normal-pressed-border-color: rgb(69, 69, 69);
--integration-normal-focused-background-color: rgb(255, 255, 255, 0);
--integration-normal-disabled-background-color: rgb(255, 255, 255, 0);
--integration-normal-disabled-border-color: rgb(
255,
255,
255,
0.20999999344348907
);
--integration-container-global-color: rgb(0, 0, 0);
--palette-name: "day";
--integration-on-indent-neutral-color: rgb(217, 217, 217);
--integration-on-indent-active-color: rgb(240, 240, 240);
--integration-on-indent-disabled-color: rgb(53, 53, 53);
--integration-indent-enabled-background-color: rgb(42, 42, 42);
--integration-indent-enabled-border-color: rgb(69, 69, 69);
--integration-indent-hover-background-color: rgb(53, 53, 53);
--integration-indent-hover-border-color: rgb(89, 89, 89);
--integration-indent-pressed-background-color: rgb(69, 69, 69);
--integration-indent-pressed-border-color: rgb(103, 103, 103);
--integration-indent-focused-background-color: rgb(42, 42, 42);
--integration-indent-disabled-background-color: rgb(0, 0, 0, 0);
--integration-indent-disabled-border-color: rgb(0, 0, 0, 0);
--overlay-border-activated-color: rgb(255, 255, 255, 0.4699999988079071);
--overlay-flat-enabled-background-color: rgb(0, 0, 0, 0);
--overlay-flat-enabled-border-color: rgb(0, 0, 0, 0);
--overlay-flat-hover-background-color: rgb(0, 0, 0, 0.3199999928474426);
--overlay-flat-hover-border-color: rgb(255, 255, 255, 0.11999999731779099);
--overlay-flat-active-background-color: rgb(0, 0, 0, 0.5400000214576721);
--overlay-flat-active-border-color: rgb(255, 255, 255, 0.11999999731779099);
--overlay-automation-pipe-primary-color: rgb(255, 255, 255);
--overlay-automation-pipe-primary-inverted-color: rgb(0, 0, 0, 0.75);
--overlay-automation-pipe-tertiary-inverted-color: rgb(142, 142, 142);
--overlay-automation-pipe-secondary-inverted-color: rgb(
0,
0,
0,
0.5400000214576721
);
--overlay-automation-pipe-secondary-color: rgb(
255,
255,
255,
0.7099999785423279
);
--overlay-automation-pipe-tertiary-color: rgb(142, 142, 142);
--overlay-navigation-green-primary-color: rgb(133, 205, 176);
--on-primary-color: rgb(0, 95, 67);
--overlay-navigation-green-secondary-color: rgb(38, 160, 123);
--overlay-element-active-inverted-color: rgb(26, 26, 26);
--overlay-element-neutral-inverted-color: rgb(0, 0, 0, 0.6600000262260437);
--overlay-navigation-green-inactive-color: rgb(191, 229, 213);
--overlay-navigation-yellow-primary-color: rgb(202, 187, 121);
--overlay-navigation-yellow-secondary-color: rgb(162, 141, 41);
--overlay-navigation-yellow-inactive-color: rgb(228, 220, 185);
--on-primary-color: rgb(99, 82, 0);
--overlay-navigation-red-primary-color: rgb(242, 168, 165);
--overlay-navigation-red-secondary-color: rgb(209, 115, 112);
--overlay-navigation-red-inactive-color: rgb(252, 210, 207);
--on-primary-color: rgb(134, 61, 60);
--container-image-color: rgb(26, 26, 26);
--overlay-container-backdrop-color: rgb(255, 255, 255, 0.6399999856948853);
--overlay-border-silhouette-color: rgb(0, 0, 0, 0.5400000214576721);
--border-image-color: rgb(26, 26, 26);
--instrument-tick-mark-label-primary-color: rgb(61, 61, 61);
--instrument-tick-mark-label-secondary-color: rgb(112, 112, 112);
--integration-border-menu-outline-color: rgb(0, 0, 0);
--integration-normal-focused-border-color: rgb(255, 255, 255, 0);
--base-gray-050: rgb(240, 240, 240);
--base-gray-100: rgb(221, 221, 221);
--base-gray-200: rgb(190, 190, 190);
--base-gray-300: rgb(142, 142, 142);
--base-gray-400: rgb(112, 112, 112);
--base-gray-500: rgb(83, 83, 83);
--base-gray-600: rgb(61, 61, 61);
--integration-border-outline: rgb(53, 53, 53);
--integration-raised: rgb(255, 255, 255);
--integration-element-active-color: rgb(247, 247, 247);
--integration-element-neutral-color: rgb(217, 217, 217);
--integration-element-inactive-color: rgb(149, 149, 149);
--integration-element-disabled-color: rgb(89, 89, 89);
--overlay-element-inactive-inverted-color: rgb(0, 0, 0, 0.5400000214576721);
--overlay-element-disabled-inverted-color: rgb(0, 0, 0, 0.23000000417232513);
--navigation-chart-simple-depdw-color: rgb(247, 247, 247);
--element-active-enhanced-color: rgb(29, 60, 103);
--element-neutral-enhanced-color: rgb(45, 84, 139);
--element-inactive-enhanced-color: rgb(66, 113, 179);
--element-disabled-enhanced-color: rgb(156, 193, 245);
--element-symbol-enhanced-color: rgb(93, 143, 213);
--integration-flat-enabled-background-color: rgb(255, 255, 255, 0);
--integration-flat-enabled-border-color: rgb(255, 255, 255, 0);
--integration-flat-hover-background-color: rgb(
255,
255,
255,
0.1599999964237213
);
--integration-flat-hover-border-color: rgb(255, 255, 255, 0);
--integration-flat-pressed-background-color: rgb(
255,
255,
255,
0.11999999731779099
);
--integration-flat-pressed-border-color: rgb(255, 255, 255, 0);
--integration-flat-focused-background-color: rgb(255, 255, 255, 0);
--integration-flat-focused-border-color: rgb(255, 255, 255, 0);
--integration-flat-disabled-background-color: rgb(255, 255, 255, 0);
--integration-flat-disabled-border-color: rgb(255, 255, 255, 0);
--integration-container-section-color: rgb(21, 21, 21);
--integration-on-selected-disabled-color: rgb(180, 180, 180);
--integration-border-focused-border-color: rgb(93, 143, 213);
--integration-border-divider: rgb(53, 53, 53);
--integration-on-flat-active-color: rgb(217, 217, 217);
--integration-on-flat-neutral-color: rgb(180, 180, 180);
--integration-on-flat-disabled-color: rgb(53, 53, 53);
--alert-low-integrity-background-color: rgb(255, 240, 136);
--alert-invalid-background-color: rgb(255, 210, 203);
--element-symbol-color: rgb(142, 142, 142);
--element-symbol-inverted-color: rgb(89, 89, 89);
--integration-container-overlay-color: rgb(0, 0, 0, 0.75);
--navigation-chart-simple-depvs-color: rgb(224, 224, 224);
--navigation-chart-simple-lndare-color: rgb(240, 240, 240);
--navigation-chart-simple-lndare-outline-color: rgb(190, 190, 190);
--navigation-chart-simple-depvs-outline-color: rgb(190, 190, 190);
--integration-container-background-color: rgb(12, 12, 12);
--integration-container-transparent-hover: rgb(
255,
255,
255,
0.05000000074505806
);
--integration-container-transparent-pressed: rgb(
255,
255,
255,
0.05000000074505806
);
--alert-success-color: rgb(0, 128, 94);
--on-success-color: rgb(255, 255, 255);
--alert-success-outline-color: rgb(0, 95, 67);
--alert-error-color: rgb(175, 86, 85);
--alert-error-outline-color: rgb(151, 71, 70);
--on-error-color: rgb(255, 255, 255);
--alert-caution-container-background-color: rgb(255, 240, 136);
--alert-alarm-container-background-color: rgb(255, 210, 203);
--alert-warning-container-background-color: rgb(255, 212, 175);
--shadow-elevation-level-1-layer-1-color: rgb(142, 142, 142);
--shadow-elevation-level-1-layer-1-x: 0px;
--shadow-elevation-level-1-layer-1-y: 0px;
--shadow-elevation-level-1-layer-1-blur: 1px;
--shadow-elevation-level-1-layer-1-spread: 0px;
--shadow-elevation-level-1-layer-2-color: rgb(205, 205, 205);
--shadow-elevation-level-1-layer-2-x: 0px;
--shadow-elevation-level-1-layer-2-y: 1px;
--shadow-elevation-level-1-layer-2-blur: 2px;
--shadow-elevation-level-1-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-1-x: 0px;
--shadow-elevation-level-2-layer-1-y: 1px;
--shadow-elevation-level-2-layer-1-blur: 2px;
--shadow-elevation-level-2-layer-1-spread: 0px;
--shadow-elevation-level-2-layer-1-color: rgb(205, 205, 205);
--shadow-elevation-level-2-layer-2-x: 0px;
--shadow-elevation-level-2-layer-2-y: 2px;
--shadow-elevation-level-2-layer-2-blur: 8px;
--shadow-elevation-level-2-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-2-color: rgb(0, 0, 0, 0.10000000149011612);
--shadow-elevation-button-1-highlight-x: 0px;
--shadow-elevation-button-1-highlight-y: 1px;
--shadow-elevation-button-1-highlight-blur: 0px;
--shadow-elevation-button-1-highlight-spread: 0px;
--shadow-elevation-button-1-highlight-color: rgb(
255,
255,
255,
0.3499999940395355
);
--shadow-elevation-button-1-layer-2-x: 0px;
--shadow-elevation-button-1-layer-2-y: 2px;
--shadow-elevation-button-1-layer-2-blur: 8px;
--shadow-elevation-button-1-layer-2-spread: 0px;
--shadow-elevation-button-1-layer-2-color: rgb(0, 0, 0, 0.10000000149011612);
--shadow-elevation-button-1-layer-1-x: 0px;
--shadow-elevation-button-1-layer-1-y: 1px;
--shadow-elevation-button-1-layer-1-blur: 2px;
--shadow-elevation-button-1-layer-1-spread: 0px;
--shadow-elevation-button-1-layer-1-color: rgb(0, 0, 0, 0.17000000178813934);
--shadow-elevation-button-1-core-x: 0px;
--shadow-elevation-button-1-core-y: -1px;
--shadow-elevation-button-1-core-blur: 0px;
--shadow-elevation-button-1-core-spread: 0px;
--shadow-elevation-button-1-core-color: rgb(0, 0, 0, 0.10000000149011612);
--alert-running-container-background-color: rgb(194, 229, 191);
--alert-running-container-border-color: rgb(143, 206, 138);
--alert-caution-container-border-color: rgb(232, 179, 0);
--alert-warning-container-border-color: rgb(255, 192, 141);
--alert-alarm-container-border-color: rgb(255, 189, 179);
--border-edge-color: rgb(0, 0, 0, 0);
--integration-amplified-enabled-background-color: rgb(255, 255, 255, 0);
--integration-amplified-enabled-border-color: rgb(255, 255, 255, 0);
--integration-amplified-hover-background-color: rgb(30, 30, 30);
--integration-amplified-hover-border-color: rgb(30, 30, 30);
--integration-amplified-pressed-background-color: rgb(12, 12, 12);
--integration-amplified-pressed-border-color: rgb(12, 12, 12);
--integration-amplified-focused-background-color: rgb(255, 255, 255, 0);
--integration-amplified-focused-border-color: rgb(255, 255, 255, 0);
--integration-amplified-disabled-background-color: rgb(255, 255, 255, 0);
--integration-amplified-disabled-border-color: rgb(255, 255, 255, 0);
--automation-medium-base-blue-primary-color: rgb(202, 222, 252);
--automation-medium-base-blue-secondary-color: rgb(93, 143, 213);
--automation-medium-base-blue-tertiary-color: rgb(45, 84, 139);
--integration-on-normal-inactive-color: rgb(149, 149, 149);
--integration-on-flat-inactive-color: rgb(149, 149, 149);
--integration-on-indent-inactive-color: rgb(149, 149, 149);
--alert-low-integrity-border-color: rgb(107, 79, 0);
--alert-invalid-border-color: rgb(127, 0, 0);
--integration-flat-activated-background-color: rgb(
255,
255,
255,
0.1599999964237213
);
--integration-flat-activated-border-color: rgb(
255,
255,
255,
0.20999999344348907
);
--navigation-chart-simple-chmgd-color: rgb(142, 142, 142);
}
:root[data-obc-theme="dusk"] {
--icon-02-chevron-up: url('data:image/svg+xml,');
--icon-02-chevron-down: url('data:image/svg+xml,');
--element-active-color: rgb(233, 233, 233);
--element-neutral-color: rgb(176, 176, 176);
--element-inactive-color: rgb(140, 140, 140);
--element-disabled-color: rgb(80, 80, 80);
--container-global-color: rgb(46, 46, 46);
--container-background-color: rgb(31, 31, 31);
--container-section-color: rgb(38, 38, 38);
--container-backdrop-color: rgb(15, 15, 15);
--border-outline-color: rgb(55, 55, 55);
--border-divider-color: rgb(67, 67, 67);
--border-silhouette-color: rgb(31, 31, 31);
--instrument-enhanced-secondary-color: rgb(132, 179, 239);
--instrument-enhanced-tertiary-color: rgb(61, 82, 109);
--instrument-regular-secondary-color: rgb(176, 176, 176);
--instrument-regular-tertiary-color: rgb(94, 94, 94);
--instrument-frame-primary-color: rgb(54, 54, 54);
--instrument-frame-secondary-color: rgb(38, 38, 38);
--instrument-frame-tertiary-color: rgb(94, 94, 94);
--instrument-tick-mark-primary-color: rgb(211, 211, 211);
--instrument-tick-mark-secondary-color: rgb(140, 140, 140);
--instrument-tick-mark-tertiary-color: rgb(127, 127, 127);
--instrument-starboard-primary-color: rgb(78, 155, 125);
--instrument-starboard-secondary-color: rgb(36, 60, 50);
--instrument-port-primary-color: rgb(193, 122, 116);
--instrument-port-secondary-color: rgb(74, 49, 47);
--alert-alarm-color: rgb(225, 0, 14);
--alert-warning-color: rgb(250, 125, 0);
--alert-caution-color: rgb(255, 204, 22);
--on-alarm-color: rgb(255, 255, 255);
--on-warning-color: rgb(0, 0, 0);
--on-caution-color: rgb(37, 37, 37);
--element-active-inverted-color: rgb(0, 0, 0);
--element-neutral-inverted-color: rgb(88, 88, 88);
--element-inactive-inverted-color: rgb(118, 118, 118);
--element-disabled-inverted-color: rgb(194, 194, 194);
--alert-running-color: rgb(25, 129, 0);
--normal-enabled-background-color: rgb(67, 67, 67);
--data-categorical-qualitative-01: rgb(103, 143, 195);
--data-categorical-qualitative-02: rgb(179, 131, 80);
--data-categorical-qualitative-03: rgb(55, 154, 154);
--data-categorical-qualitative-04: rgb(147, 132, 192);
--normal-enabled-border-color: rgb(80, 80, 80);
--normal-hover-background-color: rgb(80, 80, 80);
--normal-hover-border-color: rgb(94, 94, 94);
--normal-pressed-background-color: rgb(94, 94, 94);
--normal-pressed-border-color: rgb(111, 111, 111);
--normal-focused-background-color: rgb(80, 80, 80);
--normal-focused-border-color: rgb(94, 94, 94);
--normal-disabled-border-color: rgb(55, 55, 55);
--normal-disabled-background-color: rgb(255, 255, 255, 0);
--raised-enabled-background-color: rgb(150, 196, 254);
--raised-enabled-border-color: rgb(177, 214, 255);
--raised-hover-background-color: rgb(150, 196, 254);
--raised-hover-border-color: rgb(177, 214, 255);
--raised-pressed-background-color: rgb(132, 179, 239);
--raised-pressed-border-color: rgb(150, 196, 254);
--raised-focused-background-color: rgb(177, 214, 255);
--raised-focused-border-color: rgb(177, 214, 255);
--raised-disabled-background-color: rgb(255, 255, 255, 0);
--raised-disabled-border-color: rgb(80, 80, 80);
--on-normal-active-color: rgb(233, 233, 233);
--on-normal-neutral-color: rgb(192, 192, 192);
--on-normal-disabled-color: rgb(80, 80, 80);
--flat-enabled-background-color: rgb(255, 255, 255, 0);
--flat-enabled-border-color: rgb(255, 255, 255, 0);
--flat-hover-background-color: rgb(255, 255, 255, 0.029999999329447746);
--flat-hover-border-color: rgb(255, 255, 255, 0);
--flat-pressed-background-color: rgb(255, 255, 255, 0.07999999821186066);
--flat-pressed-border-color: rgb(255, 255, 255, 0);
--flat-focused-background-color: rgb(255, 255, 255, 0);
--flat-focused-border-color: rgb(132, 179, 239);
--flat-disabled-background-color: rgb(255, 255, 255, 0);
--flat-disabled-border-color: rgb(255, 255, 255, 0);
--on-raised-active-color: rgb(35, 46, 60);
--on-raised-neutral-color: rgb(43, 56, 73);
--on-raised-disabled-color: rgb(80, 80, 80);
--on-flat-active-color: rgb(233, 233, 233);
--on-flat-neutral-color: rgb(176, 176, 176);
--on-flat-disabled-color: rgb(80, 80, 80);
--selected-enabled-background-color: rgb(82, 113, 154);
--selected-enabled-border-color: rgb(93, 130, 177);
--selected-hover-background-color: rgb(93, 130, 177);
--selected-hover-border-color: rgb(103, 143, 195);
--selected-pressed-background-color: rgb(103, 143, 195);
--selected-pressed-border-color: rgb(103, 143, 195);
--selected-focused-background-color: rgb(82, 113, 154);
--selected-focused-border-color: rgb(93, 130, 177);
--selected-disabled-background-color: rgb(80, 80, 80);
--selected-disabled-border-color: rgb(80, 80, 80);
--on-selected-active-color: rgb(255, 255, 255);
--on-selected-neutral-color: rgb(177, 214, 255);
--on-selected-disabled-color: rgb(255, 255, 255, 0.20000000298023224);
--amplified-enabled-background-color: rgb(43, 56, 73);
--amplified-enabled-border-color: rgb(61, 82, 109);
--amplified-hover-background-color: rgb(43, 56, 73);
--amplified-hover-border-color: rgb(51, 68, 90);
--amplified-pressed-background-color: rgb(51, 68, 90);
--amplified-pressed-border-color: rgb(51, 68, 90);
--amplified-focused-background-color: rgb(35, 46, 60);
--amplified-focused-border-color: rgb(43, 56, 73);
--amplified-disabled-background-color: rgb(55, 55, 55);
--amplified-disabled-border-color: rgb(55, 55, 55);
--on-amplified-active-color: rgb(202, 228, 255);
--on-amplified-neutral-color: rgb(132, 179, 239);
--on-amplified-disabled-color: rgb(80, 80, 80);
--navigation-light-green-color: rgb(63, 123, 99);
--navigation-light-red-color: rgb(153, 97, 92);
--navigation-light-yellow-color: rgb(123, 112, 58);
--alert-limit-primary-color: rgb(255, 255, 255, 0.029999999329447746);
--alert-limit-secondary-color: rgb(255, 255, 255, 0.029999999329447746);
--alarm-enabled-background-color: rgb(225, 0, 14);
--alarm-enabled-border-color: rgb(248, 37, 42);
--alarm-hover-background-color: rgb(248, 37, 42);
--alarm-hover-border-color: rgb(248, 37, 42);
--alarm-pressed-background-color: rgb(255, 73, 67);
--alarm-pressed-border-color: rgb(248, 37, 42);
--alarm-focused-background-color: rgb(225, 0, 14);
--alarm-focused-border-color: rgb(132, 179, 239);
--alarm-disabled-background-color: rgb(225, 0, 14);
--alarm-disabled-border-color: rgb(225, 0, 14);
--warning-enabled-background-color: rgb(249, 124, 0);
--warning-enabled-border-color: rgb(255, 150, 61);
--warning-hover-background-color: rgb(255, 150, 61);
--warning-hover-border-color: rgb(255, 175, 106);
--warning-pressed-background-color: rgb(255, 175, 106);
--warning-pressed-border-color: rgb(255, 175, 106);
--warning-focused-background-color: rgb(249, 124, 0);
--warning-focused-border-color: rgb(132, 179, 239);
--warning-disabled-background-color: rgb(255, 150, 61);
--warning-disabled-border-color: rgb(255, 150, 61);
--caution-enabled-background-color: rgb(219, 169, 0);
--caution-enabled-border-color: rgb(239, 185, 0);
--caution-hover-background-color: rgb(239, 185, 0);
--caution-hover-border-color: rgb(255, 204, 22);
--caution-pressed-background-color: rgb(255, 204, 22);
--caution-pressed-border-color: rgb(255, 204, 22);
--caution-focused-background-color: rgb(219, 169, 0);
--caution-focused-border-color: rgb(132, 179, 239);
--caution-disabled-background-color: rgb(178, 134, 0);
--caution-disabled-border-color: rgb(178, 134, 0);
--data-weather-sun-primary-color: rgb(179, 131, 80);
--data-weather-sun-secondary-color: rgb(68, 52, 35);
--data-weather-cloud-light-primary-color: rgb(140, 140, 140);
--data-weather-cloud-light-seconday-color: rgb(65, 65, 65);
--data-weather-cloud-rain-primary-color: rgb(140, 140, 140);
--data-weather-cloud-rain-secondary-color: rgb(80, 80, 80);
--data-weather-cloud-heavy-secondary-color: rgb(140, 140, 140);
--data-weather-cloud-heavy-primary-color: rgb(140, 140, 140);
--data-weather-snow-primary-color: rgb(55, 154, 154);
--data-weather-rain-primary-color: rgb(103, 143, 195);
--data-weather-lightning-primary-color: rgb(179, 131, 80);
--data-weather-moon-primary-color: rgb(140, 140, 140);
--indent-enabled-background-color: rgb(255, 255, 255, 0.029999999329447746);
--indent-enabled-border-color: rgb(255, 255, 255, 0.07999999821186066);
--indent-hover-background-color: rgb(255, 255, 255, 0.029999999329447746);
--indent-hover-border-color: rgb(255, 255, 255, 0.029999999329447746);
--indent-pressed-background-color: rgb(255, 255, 255, 0.07999999821186066);
--indent-pressed-border-color: rgb(255, 255, 255, 0.029999999329447746);
--indent-focused-background-color: rgb(0, 0, 0, 0.41999998688697815);
--indent-focused-border-color: rgb(132, 179, 239);
--indent-disabled-background-color: rgb(255, 255, 255, 0);
--indent-disabled-border-color: rgb(255, 255, 255, 0.20000000298023224);
--on-indent-active-color: rgb(211, 211, 211);
--on-indent-neutral-color: rgb(176, 176, 176);
--on-indent-disabled-color: rgb(80, 80, 80);
--on-caution-active-color: rgb(37, 37, 37);
--on-caution-neutral-color: rgb(65, 65, 65);
--on-caution-disabled-color: rgb(103, 76, 0);
--on-warning-active-color: rgb(37, 37, 37);
--on-warning-neutral-color: rgb(46, 46, 46);
--on-warning-disabled-color: rgb(137, 56, 0);
--on-alarm-active-color: rgb(255, 255, 255);
--on-alarm-neutral-color: rgb(255, 255, 255);
--on-alarm-disabled-color: rgb(38, 38, 38);
--instrument-enhanced-primary-color: rgb(177, 214, 255);
--instrument-enhanced-secondary-dif-color: rgb(82, 113, 154);
--instrument-regular-primary-color: rgb(255, 255, 255);
--data-weather-cloud-seconday-color: rgb(55, 55, 55);
--data-weather-cloud-primary-color: rgb(111, 111, 111);
--data-weather-moon-secondary-color: rgb(111, 111, 111);
--automation-device-primary-color: rgb(253, 253, 253);
--automation-device-secondary-color: rgb(140, 140, 140);
--automation-device-tertiary-color: rgb(0, 0, 0);
--automation-device-primary-inverted-color: rgb(37, 37, 37);
--automation-device-secondary-inverted-color: rgb(111, 111, 111);
--automation-device-tertiary-inverted-color: rgb(111, 111, 111);
--on-running-color: rgb(255, 255, 255);
--flat-activated-background-color: rgb(255, 255, 255, 0.029999999329447746);
--flat-activated-border-color: rgb(255, 255, 255, 0.029999999329447746);
--normal-activated-background-color: rgb(55, 55, 55);
--normal-activated-border-color: rgb(55, 55, 55);
--base-blue-050: rgb(35, 46, 60);
--base-blue-300: rgb(82, 113, 154);
--base-blue-600: rgb(177, 214, 255);
--base-blue-100: rgb(43, 56, 73);
--base-blue-200: rgb(61, 82, 109);
--base-blue-400: rgb(103, 143, 195);
--base-blue-500: rgb(132, 179, 239);
--automation-medium-acid-alkalis: rgb(101, 71, 93);
--automation-medium-fire-fighting: rgb(109, 71, 67);
--automation-medium-flammable-gas: rgb(109, 71, 67);
--automation-medium-fresh-water: rgb(43, 86, 102);
--automation-medium-sea-water: rgb(49, 88, 72);
--automation-medium-fuel: rgb(101, 76, 49);
--automation-medium-oil: rgb(88, 81, 45);
--automation-medium-masses: rgb(57, 50, 42);
--automation-medium-non-flammable-gas: rgb(55, 77, 46);
--automation-medium-steam: rgb(61, 82, 109);
--automation-medium-air-ventilation: rgb(80, 80, 80);
--automation-medium-waste: rgb(84, 76, 107);
--automation-medium-hot: rgb(109, 71, 67);
--automation-medium-cold: rgb(43, 86, 102);
--base-cyan-050: rgb(27, 48, 56);
--base-cyan-100: rgb(32, 59, 69);
--base-cyan-200: rgb(43, 86, 102);
--base-cyan-300: rgb(55, 119, 143);
--base-cyan-400: rgb(68, 150, 180);
--base-cyan-500: rgb(95, 187, 221);
--base-cyan-600: rgb(151, 220, 248);
--base-red-050: rgb(59, 40, 38);
--base-red-100: rgb(74, 49, 47);
--base-red-200: rgb(109, 71, 67);
--base-red-300: rgb(153, 97, 92);
--base-red-400: rgb(193, 122, 116);
--base-red-500: rgb(237, 154, 148);
--base-red-600: rgb(255, 196, 190);
--base-orange-050: rgb(54, 42, 28);
--base-orange-100: rgb(68, 52, 35);
--base-orange-200: rgb(101, 76, 49);
--base-orange-300: rgb(142, 104, 64);
--base-orange-400: rgb(179, 131, 80);
--base-orange-500: rgb(220, 165, 106);
--base-orange-600: rgb(247, 203, 156);
--base-teal-050: rgb(25, 49, 49);
--base-teal-100: rgb(29, 60, 60);
--base-teal-200: rgb(38, 88, 88);
--base-teal-300: rgb(45, 123, 122);
--base-teal-400: rgb(55, 154, 154);
--base-teal-500: rgb(81, 192, 192);
--base-teal-600: rgb(143, 224, 223);
--border-focus-color: rgb(132, 179, 239);
--automation-pipe-primary-color: rgb(255, 255, 255);
--automation-pipe-secondary-color: rgb(111, 111, 111);
--automation-pipe-tertiary-color: rgb(211, 211, 211);
--automation-pipe-primary-inverted-color: rgb(37, 37, 37);
--automation-pipe-secondary-inverted-color: rgb(111, 111, 111);
--automation-pipe-tertiary-inverted-color: rgb(111, 111, 111);
--thumb-enabled-background-color: rgb(80, 80, 80);
--thumb-enabled-border-color: rgb(94, 94, 94);
--thumb-hover-background-color: rgb(94, 94, 94);
--thumb-hover-border-color: rgb(111, 111, 111);
--thumb-pressed-background-color: rgb(111, 111, 111);
--thumb-pressed-border-color: rgb(127, 127, 127);
--thumb-focused-background-color: rgb(80, 80, 80);
--thumb-focused-border-color: rgb(132, 179, 239);
--thumb-disabled-background-color: rgb(80, 80, 80);
--thumb-disabled-border-color: rgb(80, 80, 80);
--thumb-activated-background-color: rgb(55, 55, 55);
--thumb-activated-border-color: rgb(80, 80, 80);
--on-thumb-active-color: rgb(255, 255, 255);
--on-thumb-neutral-color: rgb(211, 211, 211);
--on-thumb-disabled-color: rgb(0, 0, 0);
--running-enabled-background-color: rgb(25, 129, 0);
--running-enabled-border-color: rgb(51, 146, 33);
--running-hover-background-color: rgb(51, 146, 33);
--running-hover-border-color: rgb(51, 146, 33);
--running-pressed-background-color: rgb(0, 110, 0);
--running-pressed-border-color: rgb(51, 146, 33);
--running-focused-background-color: rgb(25, 129, 0);
--running-focused-border-color: rgb(132, 179, 239);
--running-disabled-background-color: rgb(25, 129, 0);
--running-disabled-border-color: rgb(25, 129, 0);
--on-running-active-color: rgb(255, 255, 255);
--on-running-neutral-color: rgb(255, 255, 255);
--on-running-disabled-color: rgb(38, 38, 38);
--navigation-light-danger-color: rgb(142, 97, 131);
--navigation-light-map-caution-color: rgb(142, 104, 64);
--alert-warning-text-color: rgb(255, 150, 61);
--alert-caution-outline-color: rgb(255, 204, 22);
--alert-warning-outline-color: rgb(250, 125, 0);
--instrument-regular-secondary-dif-color: rgb(111, 111, 111);
--notification-enabled-background-color: rgb(132, 179, 239);
--notification-enabled-border-color: rgb(150, 196, 254);
--notification-hover-background-color: rgb(177, 214, 255);
--notification-hover-border-color: rgb(177, 214, 255);
--notification-pressed-background-color: rgb(103, 143, 195);
--notification-pressed-border-color: rgb(103, 143, 195);
--notification-focused-background-color: rgb(132, 179, 239);
--notification-focused-border-color: rgb(132, 179, 239);
--notification-disabled-background-color: rgb(55, 55, 55);
--notification-disabled-border-color: rgb(55, 55, 55);
--on-notification-active-color: rgb(255, 255, 255);
--on-notification-neutral-color: rgb(43, 56, 73);
--on-notification-disabled-color: rgb(61, 82, 109);
--shadow-flat-x: 0px;
--shadow-flat-y: 1px;
--shadow-flat-blur: 2px;
--shadow-flat-color: rgb(0, 0, 0, 0.4000000059604645);
--shadow-raised-x: 0px;
--shadow-raised-y: 2px;
--shadow-raised-blur: 4px;
--shadow-raised-color: rgb(0, 0, 0, 0.5);
--shadow-floating-x: 0px;
--shadow-floating-y: 1px;
--shadow-floating-blur: 16px;
--shadow-floating-color: rgb(0, 0, 0, 0.6000000238418579);
--shadow-overlay-x: 0px;
--shadow-overlay-y: 8px;
--shadow-overlay-blur: 32px;
--shadow-overlay-color: rgb(0, 0, 0, 0.800000011920929);
--shadow-flat-spread: 0px;
--shadow-raised-spread: 0px;
--shadow-floating-spread: 0px;
--shadow-overlay-spread: 0px;
--typography-font-family-old: "Open Sans";
--typography-font-family-main: "Noto Sans";
--typography-font-weight-bold: 670;
--typography-font-weight-semibold: 570;
--typography-font-weight-regular: 370;
--typography-font-size-100: 16px;
--typography-font-size-075: 12px;
--typography-font-size-450: 72px;
--typography-font-size-150: 24px;
--typography-font-size-300: 48px;
--typography-font-size-400: 64px;
--typography-font-size-500: 80px;
--typography-font-size-250: 36px;
--typography-font-size-200: 32px;
--typography-line-height-500: 104px;
--typography-line-height-300: 64px;
--typography-line-height-250: 56px;
--typography-line-height-050: 12px;
--typography-line-height-100: 24px;
--typography-line-height-150: 32px;
--typography-line-height-450: 96px;
--typography-line-height-075: 16px;
--typography-line-height-400: 80px;
--typography-line-height-200: 48px;
--base-mint-050: rgb(30, 49, 41);
--base-mint-100: rgb(36, 60, 50);
--base-mint-200: rgb(49, 88, 72);
--base-mint-300: rgb(63, 123, 99);
--base-mint-400: rgb(78, 155, 125);
--base-mint-500: rgb(105, 192, 157);
--base-mint-600: rgb(157, 224, 195);
--base-yellow-050: rgb(48, 44, 27);
--base-yellow-100: rgb(60, 56, 33);
--base-yellow-200: rgb(88, 81, 45);
--base-yellow-300: rgb(123, 112, 58);
--base-yellow-400: rgb(155, 141, 72);
--base-yellow-500: rgb(194, 176, 98);
--base-yellow-600: rgb(225, 211, 151);
--base-purple-050: rgb(55, 40, 51);
--base-purple-100: rgb(69, 49, 64);
--base-purple-200: rgb(101, 71, 93);
--base-purple-300: rgb(142, 97, 131);
--base-purple-400: rgb(179, 123, 166);
--base-purple-500: rgb(220, 156, 205);
--base-purple-600: rgb(248, 194, 235);
--base-indigo-050: rgb(46, 42, 58);
--base-indigo-100: rgb(58, 53, 72);
--base-indigo-200: rgb(84, 76, 107);
--base-indigo-300: rgb(117, 104, 152);
--base-indigo-400: rgb(147, 132, 192);
--base-indigo-500: rgb(183, 166, 235);
--base-indigo-600: rgb(216, 203, 255);
--alert-alarm-outline-color: rgb(225, 0, 14);
--eco-enhanced: rgb(255, 255, 255);
--eco-eco-400: rgb(255, 255, 255);
--eco-eco-300: rgb(255, 255, 255);
--eco-eco-200: rgb(255, 255, 255);
--eco-disabled: rgb(255, 255, 255);
--eco-tinted: rgb(255, 255, 255);
--alert-running-outline-color: rgb(25, 129, 0);
--base-running-050: rgb(0, 53, 0);
--base-running-100: rgb(0, 66, 0);
--base-running-200: rgb(0, 95, 0);
--base-running-300: rgb(25, 129, 0);
--base-running-400: rgb(71, 159, 56);
--base-running-500: rgb(127, 191, 116);
--base-running-600: rgb(183, 220, 177);
--data-scales-viridis-000: rgb(255, 204, 22);
--data-scales-viridis-050: rgb(55, 154, 154);
--data-scales-viridis-100: rgb(58, 53, 72);
--data-scales-viridis-025: rgb(127, 191, 116);
--data-scales-viridis-075: rgb(82, 113, 154);
--data-scales-magma-000: rgb(255, 204, 22);
--data-scales-magma-050: rgb(193, 122, 116);
--data-scales-magma-100: rgb(69, 49, 64);
--data-scales-plasma-000: rgb(255, 204, 22);
--data-scales-plasma-033: rgb(255, 150, 61);
--data-scales-plasma-066: rgb(189, 40, 190);
--data-scales-plasma-100: rgb(0, 68, 196);
--data-scales-inferno-000: rgb(255, 204, 22);
--data-scales-inferno-033: rgb(226, 106, 0);
--data-scales-inferno-066: rgb(189, 40, 190);
--data-scales-inferno-100: rgb(0, 68, 196);
--data-scales-cividis-000: rgb(255, 204, 22);
--data-scales-cividis-050: rgb(111, 111, 111);
--data-scales-cividis-100: rgb(0, 68, 196);
--data-scales-mako-000: rgb(170, 216, 151);
--data-scales-mako-050: rgb(68, 150, 180);
--data-scales-mako-100: rgb(58, 53, 72);
--data-scales-rocket-000: rgb(255, 197, 188);
--data-scales-rocket-050: rgb(255, 73, 67);
--data-scales-rocket-100: rgb(102, 0, 104);
--data-scales-mako-025: rgb(105, 192, 157);
--data-scales-mako-075: rgb(82, 113, 154);
--data-scales-turbo-000: rgb(98, 0, 0);
--data-scales-turbo-014: rgb(225, 0, 14);
--data-scales-turbo-028: rgb(255, 150, 61);
--data-scales-turbo-042: rgb(255, 204, 22);
--data-scales-turbo-056: rgb(98, 250, 107);
--data-scales-turbo-100: rgb(46, 42, 58);
--data-scales-turbo-070: rgb(29, 208, 213);
--data-scales-turbo-084: rgb(30, 128, 251);
--data-divergent-regular-000: rgb(220, 165, 106);
--data-divergent-regular-025: rgb(142, 104, 64);
--data-divergent-regular-049: rgb(54, 42, 28);
--data-divergent-regular-051: rgb(25, 49, 49);
--data-divergent-regular-100: rgb(143, 224, 223);
--data-divergent-regular-075: rgb(45, 123, 122);
--data-divergent-hot-cold-000: rgb(237, 154, 148);
--data-divergent-hot-cold-025: rgb(153, 97, 92);
--data-divergent-hot-cold-049: rgb(59, 40, 38);
--data-divergent-hot-cold-051: rgb(35, 46, 60);
--data-divergent-hot-cold-075: rgb(82, 113, 154);
--data-divergent-hot-cold-100: rgb(151, 220, 248);
--data-divergent-positive-negative-000: rgb(255, 196, 190);
--data-divergent-positive-negative-025: rgb(153, 97, 92);
--data-divergent-positive-negative-049: rgb(59, 40, 38);
--data-divergent-positive-negative-051: rgb(30, 49, 41);
--data-divergent-positive-negative-075: rgb(63, 123, 99);
--data-divergent-positive-negative-100: rgb(157, 224, 195);
--data-scales-monochrome-000: rgb(35, 46, 60);
--data-scales-monochrome-020: rgb(61, 82, 109);
--data-scales-monochrome-040: rgb(82, 113, 154);
--data-scales-monochrome-060: rgb(103, 143, 195);
--data-scales-monochrome-080: rgb(132, 179, 239);
--data-scales-monochrome-100: rgb(177, 214, 255);
--data-categorical-qualitative-05: rgb(193, 122, 116);
--data-categorical-qualitative-06: rgb(68, 150, 180);
--data-categorical-qualitative-07: rgb(155, 141, 72);
--data-categorical-qualitative-08: rgb(179, 123, 166);
--data-categorical-qualitative-09: rgb(78, 155, 125);
--data-categorical-operational-01: rgb(82, 113, 154);
--data-categorical-operational-02: rgb(45, 123, 122);
--data-categorical-operational-03: rgb(117, 104, 152);
--data-categorical-operational-04: rgb(55, 119, 143);
--data-categorical-operational-05: rgb(142, 97, 131);
--data-categorical-operational-06: rgb(123, 112, 58);
--data-categorical-operational-07: rgb(153, 97, 92);
--data-categorical-operational-08: rgb(63, 123, 99);
--data-categorical-operational-09: rgb(142, 104, 64);
--overlay-element-active-color: rgb(255, 255, 255);
--overlay-element-neutral-color: rgb(255, 255, 255, 0.6399999856948853);
--overlay-element-inactive-color: rgb(255, 255, 255, 0.4699999988079071);
--overlay-element-disabled-color: rgb(255, 255, 255, 0.20000000298023224);
--overlay-container-global-color: rgb(46, 46, 46);
--overlay-container-background-color: rgb(31, 31, 31, 0.75);
--overlay-border-outline-color: rgb(80, 80, 80);
--integration-on-selected-neutral-color: rgb(211, 211, 211);
--integration-on-selected-active-color: rgb(255, 255, 255);
--integration-on-normal-neutral-color: rgb(211, 211, 211);
--integration-on-normal-active-color: rgb(253, 253, 253);
--integration-on-normal-disabled-color: rgb(80, 80, 80);
--integration-selected-enabled-background-color: rgb(55, 55, 55);
--integration-selected-enabled-border-color: rgb(55, 55, 55);
--integration-selected-hover-background-color: rgb(80, 80, 80);
--integration-selected-hover-border-color: rgb(80, 80, 80);
--integration-selected-pressed-background-color: rgb(67, 67, 67);
--integration-selected-pressed-border-color: rgb(67, 67, 67);
--integration-selected-focused-background-color: rgb(46, 46, 46);
--integration-selected-disabled-background-color: rgb(0, 0, 0, 0);
--integration-selected-disabled-border-color: rgb(0, 0, 0, 0);
--integration-normal-enabled-background-color: rgb(
255,
255,
255,
0.029999999329447746
);
--integration-normal-enabled-border-color: rgb(
255,
255,
255,
0.14000000059604645
);
--integration-normal-hover-background-color: rgb(
255,
255,
255,
0.14000000059604645
);
--integration-normal-hover-border-color: rgb(
255,
255,
255,
0.25999999046325684
);
--integration-normal-pressed-background-color: rgb(
255,
255,
255,
0.07999999821186066
);
--integration-normal-pressed-border-color: rgb(
255,
255,
255,
0.20000000298023224
);
--integration-normal-focused-background-color: rgb(
255,
255,
255,
0.029999999329447746
);
--integration-normal-disabled-background-color: rgb(255, 255, 255, 0);
--integration-normal-disabled-border-color: rgb(
255,
255,
255,
0.14000000059604645
);
--integration-container-global-color: rgb(0, 0, 0);
--palette-name: "dusk";
--integration-on-indent-neutral-color: rgb(211, 211, 211);
--integration-on-indent-active-color: rgb(253, 253, 253);
--integration-on-indent-disabled-color: rgb(111, 111, 111);
--integration-indent-enabled-background-color: rgb(37, 37, 37);
--integration-indent-enabled-border-color: rgb(51, 51, 51);
--integration-indent-hover-background-color: rgb(65, 65, 65);
--integration-indent-hover-border-color: rgb(88, 88, 88);
--integration-indent-pressed-background-color: rgb(51, 51, 51);
--integration-indent-pressed-border-color: rgb(65, 65, 65);
--integration-indent-focused-background-color: rgb(213, 213, 213);
--integration-indent-disabled-background-color: rgb(255, 255, 255);
--integration-indent-disabled-border-color: rgb(255, 255, 255);
--overlay-border-activated-color: rgb(255, 255, 255, 0.4699999988079071);
--overlay-flat-enabled-background-color: rgb(255, 255, 255, 0);
--overlay-flat-enabled-border-color: rgb(255, 255, 255, 0);
--overlay-flat-hover-background-color: rgb(
255,
255,
255,
0.33000001311302185
);
--overlay-flat-hover-border-color: rgb(255, 255, 255, 0.07999999821186066);
--overlay-flat-active-background-color: rgb(
255,
255,
255,
0.4699999988079071
);
--overlay-flat-active-border-color: rgb(255, 255, 255, 0.07999999821186066);
--overlay-automation-pipe-primary-color: rgb(211, 211, 211);
--overlay-automation-pipe-primary-inverted-color: rgb(37, 37, 37);
--overlay-automation-pipe-tertiary-inverted-color: rgb(111, 111, 111);
--overlay-automation-pipe-secondary-inverted-color: rgb(111, 111, 111);
--overlay-automation-pipe-secondary-color: rgb(65, 65, 65);
--overlay-automation-pipe-tertiary-color: rgb(0, 0, 0);
--overlay-navigation-green-primary-color: rgb(78, 155, 125);
--on-primary-color: rgb(30, 49, 41);
--overlay-navigation-green-secondary-color: rgb(49, 88, 72);
--overlay-element-active-inverted-color: rgb(0, 0, 0);
--overlay-element-neutral-inverted-color: rgb(0, 0, 0, 0.6499999761581421);
--overlay-navigation-green-inactive-color: rgb(63, 123, 99);
--overlay-navigation-yellow-primary-color: rgb(155, 141, 72);
--overlay-navigation-yellow-secondary-color: rgb(60, 56, 33);
--overlay-navigation-yellow-inactive-color: rgb(123, 112, 58);
--on-primary-color: rgb(48, 44, 27);
--overlay-navigation-red-primary-color: rgb(193, 122, 116);
--overlay-navigation-red-secondary-color: rgb(74, 49, 47);
--overlay-navigation-red-inactive-color: rgb(153, 97, 92);
--on-primary-color: rgb(59, 40, 38);
--container-image-color: rgb(15, 15, 15);
--overlay-container-backdrop-color: rgb(10, 10, 10, 0.75);
--overlay-border-silhouette-color: rgb(0, 0, 0, 0.5400000214576721);
--border-image-color: rgb(0, 0, 0);
--instrument-tick-mark-label-primary-color: rgb(211, 211, 211);
--instrument-tick-mark-label-secondary-color: rgb(140, 140, 140);
--integration-border-menu-outline-color: rgb(0, 0, 0);
--integration-normal-focused-border-color: rgb(255, 255, 255, 0);
--base-gray-050: rgb(46, 46, 46);
--base-gray-100: rgb(55, 55, 55);
--base-gray-200: rgb(80, 80, 80);
--base-gray-300: rgb(111, 111, 111);
--base-gray-400: rgb(140, 140, 140);
--base-gray-500: rgb(176, 176, 176);
--base-gray-600: rgb(211, 211, 211);
--integration-border-outline: rgb(55, 55, 55);
--integration-raised: rgb(255, 255, 255);
--integration-element-active-color: rgb(253, 253, 253);
--integration-element-neutral-color: rgb(211, 211, 211);
--integration-element-inactive-color: rgb(176, 176, 176);
--integration-element-disabled-color: rgb(111, 111, 111);
--overlay-element-inactive-inverted-color: rgb(0, 0, 0, 0.5400000214576721);
--overlay-element-disabled-inverted-color: rgb(0, 0, 0, 0.23999999463558197);
--navigation-chart-simple-depdw-color: rgb(15, 15, 15);
--element-active-enhanced-color: rgb(177, 214, 255);
--element-neutral-enhanced-color: rgb(132, 179, 239);
--element-inactive-enhanced-color: rgb(103, 143, 195);
--element-disabled-enhanced-color: rgb(61, 82, 109);
--element-symbol-enhanced-color: rgb(82, 113, 154);
--integration-flat-enabled-background-color: rgb(255, 255, 255, 0);
--integration-flat-enabled-border-color: rgb(255, 255, 255, 0);
--integration-flat-hover-background-color: rgb(
255,
255,
255,
0.14000000059604645
);
--integration-flat-hover-border-color: rgb(255, 255, 255, 0);
--integration-flat-pressed-background-color: rgb(
255,
255,
255,
0.07999999821186066
);
--integration-flat-pressed-border-color: rgb(255, 255, 255, 0);
--integration-flat-focused-background-color: rgb(255, 255, 255, 0);
--integration-flat-focused-border-color: rgb(255, 255, 255, 0);
--integration-flat-disabled-background-color: rgb(255, 255, 255, 0);
--integration-flat-disabled-border-color: rgb(255, 255, 255, 0);
--integration-container-section-color: rgb(15, 15, 15);
--integration-on-selected-disabled-color: rgb(111, 111, 111);
--integration-border-focused-border-color: rgb(82, 113, 154);
--integration-border-divider: rgb(55, 55, 55);
--integration-on-flat-active-color: rgb(253, 253, 253);
--integration-on-flat-neutral-color: rgb(211, 211, 211);
--integration-on-flat-disabled-color: rgb(80, 80, 80);
--alert-low-integrity-background-color: rgb(59, 42, 0);
--alert-invalid-background-color: rgb(98, 0, 0);
--element-symbol-color: rgb(111, 111, 111);
--element-symbol-inverted-color: rgb(147, 147, 147);
--integration-container-overlay-color: rgb(255, 255, 255);
--navigation-chart-simple-depvs-color: rgb(31, 31, 31);
--navigation-chart-simple-lndare-color: rgb(46, 46, 46);
--navigation-chart-simple-lndare-outline-color: rgb(80, 80, 80);
--navigation-chart-simple-depvs-outline-color: rgb(111, 111, 111);
--integration-container-background-color: rgb(31, 31, 31);
--integration-container-transparent-hover: rgb(0, 0, 0, 0.05000000074505806);
--integration-container-transparent-pressed: rgb(
0,
0,
0,
0.05000000074505806
);
--alert-success-color: rgb(78, 155, 125);
--on-success-color: rgb(255, 255, 255);
--alert-success-outline-color: rgb(78, 155, 125);
--alert-error-color: rgb(193, 122, 116);
--alert-error-outline-color: rgb(193, 122, 116);
--on-error-color: rgb(255, 255, 255);
--alert-caution-container-background-color: rgb(59, 42, 0);
--alert-alarm-container-background-color: rgb(98, 0, 0);
--alert-warning-container-background-color: rgb(80, 29, 0);
--shadow-elevation-level-1-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-level-1-layer-1-x: 0px;
--shadow-elevation-level-1-layer-1-y: 0px;
--shadow-elevation-level-1-layer-1-blur: 1px;
--shadow-elevation-level-1-layer-1-spread: 0px;
--shadow-elevation-level-1-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-level-1-layer-2-x: 0px;
--shadow-elevation-level-1-layer-2-y: 0px;
--shadow-elevation-level-1-layer-2-blur: 1px;
--shadow-elevation-level-1-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-1-x: 0px;
--shadow-elevation-level-2-layer-1-y: 0px;
--shadow-elevation-level-2-layer-1-blur: 1px;
--shadow-elevation-level-2-layer-1-spread: 0px;
--shadow-elevation-level-2-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-level-2-layer-2-x: 0px;
--shadow-elevation-level-2-layer-2-y: 0px;
--shadow-elevation-level-2-layer-2-blur: 1px;
--shadow-elevation-level-2-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-button-1-highlight-x: 0px;
--shadow-elevation-button-1-highlight-y: 1px;
--shadow-elevation-button-1-highlight-blur: 0px;
--shadow-elevation-button-1-highlight-spread: 0px;
--shadow-elevation-button-1-highlight-color: rgb(111, 111, 111);
--shadow-elevation-button-1-layer-2-x: 0px;
--shadow-elevation-button-1-layer-2-y: 2px;
--shadow-elevation-button-1-layer-2-blur: 8px;
--shadow-elevation-button-1-layer-2-spread: 0px;
--shadow-elevation-button-1-layer-2-color: rgb(0, 0, 0, 0.5400000214576721);
--shadow-elevation-button-1-layer-1-x: 0px;
--shadow-elevation-button-1-layer-1-y: 1px;
--shadow-elevation-button-1-layer-1-blur: 2px;
--shadow-elevation-button-1-layer-1-spread: 0px;
--shadow-elevation-button-1-layer-1-color: rgb(0, 0, 0, 0.6499999761581421);
--shadow-elevation-button-1-core-x: 0px;
--shadow-elevation-button-1-core-y: -1px;
--shadow-elevation-button-1-core-blur: 0px;
--shadow-elevation-button-1-core-spread: 0px;
--shadow-elevation-button-1-core-color: rgb(80, 80, 80);
--alert-running-container-background-color: rgb(0, 53, 0);
--alert-running-container-border-color: rgb(0, 79, 0);
--alert-caution-container-border-color: rgb(72, 52, 0);
--alert-warning-container-border-color: rgb(97, 37, 0);
--alert-alarm-container-border-color: rgb(119, 0, 0);
--border-edge-color: rgb(15, 15, 15);
--integration-amplified-enabled-background-color: rgb(255, 255, 255, 0);
--integration-amplified-enabled-border-color: rgb(255, 255, 255, 0);
--integration-amplified-hover-background-color: rgb(
255,
255,
255,
0.07999999821186066
);
--integration-amplified-hover-border-color: rgb(255, 255, 255, 0);
--integration-amplified-pressed-background-color: rgb(
255,
255,
255,
0.029999999329447746
);
--integration-amplified-pressed-border-color: rgb(255, 255, 255, 0);
--integration-amplified-focused-background-color: rgb(255, 255, 255, 0);
--integration-amplified-focused-border-color: rgb(255, 255, 255, 0);
--integration-amplified-disabled-background-color: rgb(255, 255, 255, 0);
--integration-amplified-disabled-border-color: rgb(255, 255, 255, 0);
--automation-medium-base-blue-primary-color: rgb(132, 179, 239);
--automation-medium-base-blue-secondary-color: rgb(82, 113, 154);
--automation-medium-base-blue-tertiary-color: rgb(132, 179, 239);
--integration-on-normal-inactive-color: rgb(176, 176, 176);
--integration-on-flat-inactive-color: rgb(176, 176, 176);
--integration-on-indent-inactive-color: rgb(176, 176, 176);
--alert-low-integrity-border-color: rgb(142, 106, 0);
--alert-invalid-border-color: rgb(166, 0, 0);
--integration-flat-activated-background-color: rgb(
255,
255,
255,
0.14000000059604645
);
--integration-flat-activated-border-color: rgb(
255,
255,
255,
0.20000000298023224
);
--navigation-chart-simple-chmgd-color: rgb(111, 111, 111);
}
:root[data-obc-theme="night"] {
--icon-02-chevron-up: url('data:image/svg+xml,');
--icon-02-chevron-down: url('data:image/svg+xml,');
--element-active-color: rgb(234, 167, 94);
--element-neutral-color: rgb(199, 136, 66);
--element-inactive-color: rgb(156, 106, 52);
--element-disabled-color: rgb(72, 52, 31);
--container-global-color: rgb(0, 0, 0);
--container-background-color: rgb(0, 0, 0);
--container-section-color: rgb(0, 0, 0);
--container-backdrop-color: rgb(0, 0, 0);
--border-outline-color: rgb(39, 27, 16);
--border-divider-color: rgb(39, 27, 16);
--border-silhouette-color: rgb(0, 0, 0);
--instrument-enhanced-secondary-color: rgb(56, 167, 132);
--instrument-enhanced-tertiary-color: rgb(16, 33, 26);
--instrument-regular-secondary-color: rgb(199, 136, 66);
--instrument-regular-tertiary-color: rgb(72, 52, 31);
--instrument-frame-primary-color: rgb(0, 0, 0);
--instrument-frame-secondary-color: rgb(0, 0, 0);
--instrument-frame-tertiary-color: rgb(120, 83, 44);
--instrument-tick-mark-primary-color: rgb(234, 167, 94);
--instrument-tick-mark-secondary-color: rgb(156, 106, 52);
--instrument-tick-mark-tertiary-color: rgb(120, 83, 44);
--instrument-starboard-primary-color: rgb(40, 101, 80);
--instrument-starboard-secondary-color: rgb(16, 33, 26);
--instrument-port-primary-color: rgb(129, 75, 87);
--instrument-port-secondary-color: rgb(41, 25, 28);
--alert-alarm-color: rgb(233, 15, 32);
--alert-warning-color: rgb(186, 90, 0);
--alert-caution-color: rgb(137, 115, 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(53, 38, 24);
--element-inactive-inverted-color: rgb(92, 65, 37);
--element-disabled-inverted-color: rgb(178, 122, 58);
--alert-running-color: rgb(0, 136, 0);
--normal-enabled-background-color: rgb(0, 0, 0);
--data-categorical-qualitative-01: rgb(66, 92, 130);
--data-categorical-qualitative-02: rgb(120, 83, 44);
--data-categorical-qualitative-03: rgb(20, 101, 102);
--data-categorical-qualitative-04: rgb(89, 86, 130);
--normal-enabled-border-color: rgb(72, 52, 31);
--normal-hover-background-color: rgb(0, 0, 0);
--normal-hover-border-color: rgb(95, 67, 38);
--normal-pressed-background-color: rgb(0, 0, 0);
--normal-pressed-border-color: rgb(120, 83, 44);
--normal-focused-background-color: rgb(0, 0, 0);
--normal-focused-border-color: rgb(72, 52, 31);
--normal-disabled-border-color: rgb(39, 27, 16);
--normal-disabled-background-color: rgb(0, 0, 0, 0);
--raised-enabled-background-color: rgb(39, 27, 16);
--raised-enabled-border-color: rgb(72, 52, 31);
--raised-hover-background-color: rgb(39, 27, 16);
--raised-hover-border-color: rgb(95, 67, 38);
--raised-pressed-background-color: rgb(39, 27, 16);
--raised-pressed-border-color: rgb(120, 83, 44);
--raised-focused-background-color: rgb(39, 27, 16);
--raised-focused-border-color: rgb(72, 52, 31);
--raised-disabled-background-color: rgb(0, 0, 0, 0);
--raised-disabled-border-color: rgb(39, 27, 16);
--on-normal-active-color: rgb(234, 167, 94);
--on-normal-neutral-color: rgb(199, 136, 66);
--on-normal-disabled-color: rgb(72, 52, 31);
--flat-enabled-background-color: rgb(230, 175, 112, 0);
--flat-enabled-border-color: rgb(230, 175, 112, 0);
--flat-hover-background-color: rgb(230, 175, 112, 0);
--flat-hover-border-color: rgb(238, 175, 104, 0.2800000011920929);
--flat-pressed-background-color: rgb(230, 175, 112, 0);
--flat-pressed-border-color: rgb(247, 176, 95, 0.3799999952316284);
--flat-focused-background-color: rgb(230, 175, 112, 0);
--flat-focused-border-color: rgb(230, 175, 112, 0);
--flat-disabled-background-color: rgb(230, 175, 112, 0);
--flat-disabled-border-color: rgb(230, 175, 112, 0);
--on-raised-active-color: rgb(234, 167, 94);
--on-raised-neutral-color: rgb(199, 136, 66);
--on-raised-disabled-color: rgb(72, 52, 31);
--on-flat-active-color: rgb(234, 167, 94);
--on-flat-neutral-color: rgb(199, 136, 66);
--on-flat-disabled-color: rgb(72, 52, 31);
--selected-enabled-background-color: rgb(16, 33, 26);
--selected-enabled-border-color: rgb(30, 62, 50);
--selected-hover-background-color: rgb(16, 33, 26);
--selected-hover-border-color: rgb(40, 101, 80);
--selected-pressed-background-color: rgb(16, 33, 26);
--selected-pressed-border-color: rgb(42, 117, 92);
--selected-focused-background-color: rgb(16, 33, 26);
--selected-focused-border-color: rgb(40, 101, 80);
--selected-disabled-background-color: rgb(72, 52, 31);
--selected-disabled-border-color: rgb(72, 52, 31);
--on-selected-active-color: rgb(88, 200, 162);
--on-selected-neutral-color: rgb(56, 167, 132);
--on-selected-disabled-color: rgb(0, 0, 0);
--amplified-enabled-background-color: rgb(9, 20, 15);
--amplified-enabled-border-color: rgb(16, 33, 26);
--amplified-hover-background-color: rgb(9, 20, 15);
--amplified-hover-border-color: rgb(30, 62, 50);
--amplified-pressed-background-color: rgb(9, 20, 15);
--amplified-pressed-border-color: rgb(36, 80, 65);
--amplified-focused-background-color: rgb(9, 20, 15);
--amplified-focused-border-color: rgb(16, 33, 26);
--amplified-disabled-background-color: rgb(0, 0, 0, 0);
--amplified-disabled-border-color: rgb(25, 17, 9);
--on-amplified-active-color: rgb(88, 200, 162);
--on-amplified-neutral-color: rgb(56, 167, 132);
--on-amplified-disabled-color: rgb(72, 52, 31);
--navigation-light-green-color: rgb(40, 101, 80);
--navigation-light-red-color: rgb(129, 75, 87);
--navigation-light-yellow-color: rgb(95, 92, 42);
--alert-limit-primary-color: rgb(255, 255, 255, 0.05000000074505806);
--alert-limit-secondary-color: rgb(255, 255, 255, 0.05000000074505806);
--alarm-enabled-background-color: rgb(233, 15, 32);
--alarm-enabled-border-color: rgb(233, 15, 32);
--alarm-hover-background-color: rgb(233, 15, 32);
--alarm-hover-border-color: rgb(255, 96, 87);
--alarm-pressed-background-color: rgb(212, 0, 12);
--alarm-pressed-border-color: rgb(255, 96, 87);
--alarm-focused-background-color: rgb(233, 15, 32);
--alarm-focused-border-color: rgb(44, 131, 102);
--alarm-disabled-background-color: rgb(185, 0, 0);
--alarm-disabled-border-color: rgb(185, 0, 0);
--warning-enabled-background-color: rgb(186, 90, 0);
--warning-enabled-border-color: rgb(186, 90, 0);
--warning-hover-background-color: rgb(186, 90, 0);
--warning-hover-border-color: rgb(230, 120, 0);
--warning-pressed-background-color: rgb(168, 80, 0);
--warning-pressed-border-color: rgb(230, 120, 0);
--warning-focused-background-color: rgb(186, 90, 0);
--warning-focused-border-color: rgb(44, 131, 102);
--warning-disabled-background-color: rgb(147, 68, 0);
--warning-disabled-border-color: rgb(147, 68, 0);
--caution-enabled-background-color: rgb(137, 115, 0);
--caution-enabled-border-color: rgb(137, 115, 0);
--caution-hover-background-color: rgb(137, 115, 0);
--caution-hover-border-color: rgb(175, 148, 0);
--caution-pressed-background-color: rgb(123, 104, 0);
--caution-pressed-border-color: rgb(175, 148, 0);
--caution-focused-background-color: rgb(137, 115, 0);
--caution-focused-border-color: rgb(44, 131, 102);
--caution-disabled-background-color: rgb(107, 89, 0);
--caution-disabled-border-color: rgb(107, 89, 0);
--data-weather-sun-primary-color: rgb(120, 83, 44);
--data-weather-sun-secondary-color: rgb(25, 17, 9);
--data-weather-cloud-light-primary-color: rgb(90, 90, 90);
--data-weather-cloud-light-seconday-color: rgb(116, 116, 116);
--data-weather-cloud-rain-primary-color: rgb(116, 116, 116);
--data-weather-cloud-rain-secondary-color: rgb(56, 56, 56);
--data-weather-cloud-heavy-secondary-color: rgb(30, 30, 30);
--data-weather-cloud-heavy-primary-color: rgb(90, 90, 90);
--data-weather-snow-primary-color: rgb(20, 101, 102);
--data-weather-rain-primary-color: rgb(66, 92, 130);
--data-weather-lightning-primary-color: rgb(156, 106, 52);
--data-weather-moon-primary-color: rgb(156, 106, 52);
--indent-enabled-background-color: rgb(0, 0, 0);
--indent-enabled-border-color: rgb(72, 52, 31);
--indent-hover-background-color: rgb(0, 0, 0);
--indent-hover-border-color: rgb(95, 67, 38);
--indent-pressed-background-color: rgb(0, 0, 0);
--indent-pressed-border-color: rgb(120, 83, 44);
--indent-focused-background-color: rgb(0, 0, 0);
--indent-focused-border-color: rgb(72, 52, 31);
--indent-disabled-background-color: rgb(230, 175, 112, 0);
--indent-disabled-border-color: rgb(39, 27, 16);
--on-indent-active-color: rgb(234, 167, 94);
--on-indent-neutral-color: rgb(199, 136, 66);
--on-indent-disabled-color: rgb(72, 52, 31);
--on-caution-active-color: rgb(0, 0, 0);
--on-caution-neutral-color: rgb(0, 0, 0, 0.7699999809265137);
--on-caution-disabled-color: rgb(0, 0, 0, 0.27000001072883606);
--on-warning-active-color: rgb(0, 0, 0);
--on-warning-neutral-color: rgb(0, 0, 0, 0.7699999809265137);
--on-warning-disabled-color: rgb(0, 0, 0, 0.27000001072883606);
--on-alarm-active-color: rgb(0, 0, 0);
--on-alarm-neutral-color: rgb(0, 0, 0, 0.6499999761581421);
--on-alarm-disabled-color: rgb(0, 0, 0, 0.30000001192092896);
--instrument-enhanced-primary-color: rgb(88, 200, 162);
--instrument-enhanced-secondary-dif-color: rgb(40, 101, 80);
--instrument-regular-primary-color: rgb(234, 167, 94);
--data-weather-cloud-seconday-color: rgb(30, 30, 30);
--data-weather-cloud-primary-color: rgb(90, 90, 90);
--data-weather-moon-secondary-color: rgb(120, 83, 44);
--automation-device-primary-color: rgb(234, 167, 94);
--automation-device-secondary-color: rgb(156, 106, 52);
--automation-device-tertiary-color: rgb(25, 17, 9);
--automation-device-primary-inverted-color: rgb(0, 0, 0);
--automation-device-secondary-inverted-color: rgb(120, 83, 44);
--automation-device-tertiary-inverted-color: rgb(120, 83, 44);
--on-running-color: rgb(0, 0, 0);
--flat-activated-background-color: rgb(230, 175, 112, 0.10999999940395355);
--flat-activated-border-color: rgb(230, 175, 112, 0.10999999940395355);
--normal-activated-background-color: rgb(39, 27, 16);
--normal-activated-border-color: rgb(72, 52, 31);
--base-blue-050: rgb(14, 19, 28);
--base-blue-300: rgb(66, 92, 130);
--base-blue-600: rgb(131, 183, 255);
--base-blue-100: rgb(23, 30, 42);
--base-blue-200: rgb(43, 56, 77);
--base-blue-400: rgb(83, 118, 170);
--base-blue-500: rgb(105, 151, 217);
--automation-medium-acid-alkalis: rgb(71, 49, 69);
--automation-medium-fire-fighting: rgb(78, 48, 43);
--automation-medium-flammable-gas: rgb(77, 48, 54);
--automation-medium-fresh-water: rgb(43, 86, 102);
--automation-medium-sea-water: rgb(49, 88, 72);
--automation-medium-fuel: rgb(101, 76, 49);
--automation-medium-oil: rgb(88, 81, 45);
--automation-medium-masses: rgb(23, 20, 17);
--automation-medium-non-flammable-gas: rgb(55, 77, 46);
--automation-medium-steam: rgb(61, 82, 109);
--automation-medium-air-ventilation: rgb(80, 80, 80);
--automation-medium-waste: rgb(84, 76, 107);
--automation-medium-hot: rgb(109, 71, 67);
--automation-medium-cold: rgb(43, 86, 102);
--base-cyan-050: rgb(9, 21, 26);
--base-cyan-100: rgb(15, 32, 39);
--base-cyan-200: rgb(28, 60, 73);
--base-cyan-300: rgb(35, 97, 121);
--base-cyan-400: rgb(38, 125, 157);
--base-cyan-500: rgb(47, 161, 201);
--base-cyan-600: rgb(79, 193, 237);
--base-red-050: rgb(26, 15, 13);
--base-red-100: rgb(43, 26, 24);
--base-red-200: rgb(78, 48, 43);
--base-red-300: rgb(129, 77, 67);
--base-red-400: rgb(169, 97, 84);
--base-red-500: rgb(215, 125, 108);
--base-red-600: rgb(251, 155, 136);
--base-orange-050: rgb(25, 17, 9);
--base-orange-100: rgb(39, 27, 16);
--base-orange-200: rgb(72, 52, 31);
--base-orange-300: rgb(120, 83, 44);
--base-orange-400: rgb(156, 106, 52);
--base-orange-500: rgb(199, 136, 66);
--base-orange-600: rgb(234, 167, 94);
--base-teal-050: rgb(7, 20, 20);
--base-teal-100: rgb(13, 33, 33);
--base-teal-200: rgb(23, 61, 62);
--base-teal-300: rgb(20, 101, 102);
--base-teal-400: rgb(1, 130, 132);
--base-teal-500: rgb(0, 166, 170);
--base-teal-600: rgb(50, 199, 203);
--border-focus-color: rgb(44, 131, 102);
--automation-pipe-primary-color: rgb(199, 136, 66);
--automation-pipe-secondary-color: rgb(156, 106, 52);
--automation-pipe-tertiary-color: rgb(25, 17, 9);
--automation-pipe-primary-inverted-color: rgb(0, 0, 0);
--automation-pipe-secondary-inverted-color: rgb(120, 83, 44);
--automation-pipe-tertiary-inverted-color: rgb(120, 83, 44);
--thumb-enabled-background-color: rgb(39, 27, 16);
--thumb-enabled-border-color: rgb(120, 83, 44);
--thumb-hover-background-color: rgb(39, 27, 16);
--thumb-hover-border-color: rgb(140, 96, 48);
--thumb-pressed-background-color: rgb(39, 27, 16);
--thumb-pressed-border-color: rgb(72, 52, 31);
--thumb-focused-background-color: rgb(39, 27, 16);
--thumb-focused-border-color: rgb(120, 83, 44);
--thumb-disabled-background-color: rgb(0, 0, 0);
--thumb-disabled-border-color: rgb(39, 27, 16);
--thumb-activated-background-color: rgb(0, 0, 0);
--thumb-activated-border-color: rgb(72, 52, 31);
--on-thumb-active-color: rgb(234, 167, 94);
--on-thumb-neutral-color: rgb(199, 136, 66);
--on-thumb-disabled-color: rgb(72, 52, 31);
--running-enabled-background-color: rgb(70, 169, 65);
--running-enabled-border-color: rgb(70, 169, 65);
--running-hover-background-color: rgb(0, 136, 0);
--running-hover-border-color: rgb(70, 169, 65);
--running-pressed-background-color: rgb(0, 106, 0);
--running-pressed-border-color: rgb(70, 169, 65);
--running-focused-background-color: rgb(70, 169, 65);
--running-focused-border-color: rgb(44, 131, 102);
--running-disabled-background-color: rgb(0, 106, 0);
--running-disabled-border-color: rgb(0, 106, 0);
--on-running-active-color: rgb(0, 0, 0);
--on-running-neutral-color: rgb(0, 0, 0, 0.7699999809265137);
--on-running-disabled-color: rgb(0, 0, 0, 0.27000001072883606);
--navigation-light-danger-color: rgb(116, 78, 115);
--navigation-light-map-caution-color: rgb(120, 83, 44);
--alert-warning-text-color: rgb(230, 120, 0);
--alert-caution-outline-color: rgb(137, 115, 0);
--alert-warning-outline-color: rgb(186, 90, 0);
--instrument-regular-secondary-dif-color: rgb(120, 83, 44);
--notification-enabled-background-color: rgb(40, 101, 80);
--notification-enabled-border-color: rgb(16, 33, 26);
--notification-hover-background-color: rgb(40, 101, 80);
--notification-hover-border-color: rgb(0, 0, 0, 0.10000000149011612);
--notification-pressed-background-color: rgb(0, 56, 23);
--notification-pressed-border-color: rgb(0, 0, 0, 0.20000000298023224);
--notification-focused-background-color: rgb(0, 77, 32);
--notification-focused-border-color: rgb(0, 51, 21, 0.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, 0.6000000238418579);
--on-notification-disabled-color: rgb(0, 0, 0, 0.20000000298023224);
--shadow-flat-x: 0px;
--shadow-flat-y: 0px;
--shadow-flat-blur: 0px;
--shadow-flat-color: rgb(230, 175, 112, 0);
--shadow-raised-x: 0px;
--shadow-raised-y: 0px;
--shadow-raised-blur: 0px;
--shadow-raised-color: rgb(71, 71, 0, 0.20000000298023224);
--shadow-floating-x: 0px;
--shadow-floating-y: 0px;
--shadow-floating-blur: 0px;
--shadow-floating-color: rgb(71, 71, 0, 0.20000000298023224);
--shadow-overlay-x: 0px;
--shadow-overlay-y: 0px;
--shadow-overlay-blur: 0px;
--shadow-overlay-color: rgb(71, 71, 0, 0.20000000298023224);
--shadow-flat-spread: 0px;
--shadow-raised-spread: 1px;
--shadow-floating-spread: 1px;
--shadow-overlay-spread: 1px;
--typography-font-family-old: "Open Sans";
--typography-font-family-main: "Noto Sans";
--typography-font-weight-bold: 570;
--typography-font-weight-semibold: 470;
--typography-font-weight-regular: 370;
--typography-font-size-100: 16px;
--typography-font-size-075: 12px;
--typography-font-size-450: 72px;
--typography-font-size-150: 24px;
--typography-font-size-300: 48px;
--typography-font-size-400: 64px;
--typography-font-size-500: 80px;
--typography-font-size-250: 36px;
--typography-font-size-200: 32px;
--typography-line-height-500: 104px;
--typography-line-height-300: 64px;
--typography-line-height-250: 56px;
--typography-line-height-050: 12px;
--typography-line-height-100: 24px;
--typography-line-height-150: 32px;
--typography-line-height-450: 96px;
--typography-line-height-075: 16px;
--typography-line-height-400: 80px;
--typography-line-height-200: 48px;
--base-mint-050: rgb(9, 20, 15);
--base-mint-100: rgb(16, 33, 26);
--base-mint-200: rgb(30, 62, 50);
--base-mint-300: rgb(40, 101, 80);
--base-mint-400: rgb(44, 131, 102);
--base-mint-500: rgb(56, 167, 132);
--base-mint-600: rgb(88, 200, 162);
--base-yellow-050: rgb(19, 19, 9);
--base-yellow-100: rgb(31, 31, 16);
--base-yellow-200: rgb(58, 57, 31);
--base-yellow-300: rgb(95, 92, 42);
--base-yellow-400: rgb(123, 119, 48);
--base-yellow-500: rgb(157, 153, 61);
--base-yellow-600: rgb(188, 184, 88);
--base-purple-050: rgb(25, 16, 24);
--base-purple-100: rgb(38, 26, 37);
--base-purple-200: rgb(71, 49, 69);
--base-purple-300: rgb(116, 78, 115);
--base-purple-400: rgb(150, 99, 149);
--base-purple-500: rgb(191, 128, 191);
--base-purple-600: rgb(225, 158, 225);
--base-indigo-050: rgb(18, 18, 28);
--base-indigo-100: rgb(29, 28, 42);
--base-indigo-200: rgb(54, 53, 78);
--base-indigo-300: rgb(89, 86, 130);
--base-indigo-400: rgb(115, 110, 170);
--base-indigo-500: rgb(147, 141, 218);
--base-indigo-600: rgb(178, 171, 255);
--alert-alarm-outline-color: rgb(233, 15, 32);
--eco-enhanced: rgb(255, 255, 255);
--eco-eco-400: rgb(255, 255, 255);
--eco-eco-300: rgb(255, 255, 255);
--eco-eco-200: rgb(255, 255, 255);
--eco-disabled: rgb(255, 255, 255);
--eco-tinted: rgb(255, 255, 255);
--alert-running-outline-color: rgb(0, 136, 0);
--base-running-050: rgb(18, 18, 28);
--base-running-100: rgb(29, 28, 42);
--base-running-200: rgb(54, 53, 78);
--base-running-300: rgb(89, 86, 130);
--base-running-400: rgb(115, 110, 170);
--base-running-500: rgb(147, 141, 218);
--base-running-600: rgb(178, 171, 255);
--data-scales-viridis-000: rgb(175, 148, 0);
--data-scales-viridis-050: rgb(1, 130, 132);
--data-scales-viridis-100: rgb(54, 53, 78);
--data-scales-viridis-025: rgb(70, 169, 65);
--data-scales-viridis-075: rgb(66, 92, 130);
--data-scales-magma-000: rgb(175, 148, 0);
--data-scales-magma-050: rgb(167, 96, 111);
--data-scales-magma-100: rgb(71, 49, 69);
--data-scales-plasma-000: rgb(175, 148, 0);
--data-scales-plasma-033: rgb(230, 120, 0);
--data-scales-plasma-066: rgb(161, 6, 163);
--data-scales-plasma-100: rgb(105, 151, 217);
--data-scales-inferno-000: rgb(255, 255, 255);
--data-scales-inferno-033: rgb(255, 255, 255);
--data-scales-inferno-066: rgb(255, 255, 255);
--data-scales-inferno-100: rgb(255, 255, 255);
--data-scales-cividis-000: rgb(210, 179, 0);
--data-scales-cividis-050: rgb(90, 90, 90);
--data-scales-cividis-100: rgb(105, 151, 217);
--data-scales-mako-000: rgb(141, 195, 118);
--data-scales-mako-050: rgb(38, 125, 157);
--data-scales-mako-100: rgb(54, 53, 78);
--data-scales-rocket-000: rgb(251, 155, 136);
--data-scales-rocket-050: rgb(233, 15, 32);
--data-scales-rocket-100: rgb(71, 49, 69);
--data-scales-mako-025: rgb(56, 167, 132);
--data-scales-mako-075: rgb(66, 92, 130);
--data-scales-turbo-000: rgb(70, 0, 0);
--data-scales-turbo-014: rgb(185, 0, 0);
--data-scales-turbo-028: rgb(230, 120, 0);
--data-scales-turbo-042: rgb(210, 179, 0);
--data-scales-turbo-056: rgb(141, 195, 118);
--data-scales-turbo-100: rgb(29, 28, 42);
--data-scales-turbo-070: rgb(0, 166, 170);
--data-scales-turbo-084: rgb(35, 97, 121);
--data-divergent-regular-000: rgb(199, 136, 66);
--data-divergent-regular-025: rgb(120, 83, 44);
--data-divergent-regular-049: rgb(25, 17, 9);
--data-divergent-regular-051: rgb(7, 20, 20);
--data-divergent-regular-100: rgb(0, 166, 170);
--data-divergent-regular-075: rgb(20, 101, 102);
--data-divergent-hot-cold-000: rgb(215, 125, 108);
--data-divergent-hot-cold-025: rgb(129, 75, 87);
--data-divergent-hot-cold-049: rgb(41, 25, 28);
--data-divergent-hot-cold-051: rgb(14, 19, 28);
--data-divergent-hot-cold-075: rgb(66, 92, 130);
--data-divergent-hot-cold-100: rgb(47, 161, 201);
--data-divergent-positive-negative-000: rgb(213, 123, 142);
--data-divergent-positive-negative-025: rgb(129, 75, 87);
--data-divergent-positive-negative-049: rgb(27, 15, 18);
--data-divergent-positive-negative-051: rgb(9, 20, 15);
--data-divergent-positive-negative-075: rgb(40, 101, 80);
--data-divergent-positive-negative-100: rgb(56, 167, 132);
--data-scales-monochrome-000: rgb(9, 20, 15);
--data-scales-monochrome-020: rgb(30, 62, 50);
--data-scales-monochrome-040: rgb(40, 101, 80);
--data-scales-monochrome-060: rgb(44, 131, 102);
--data-scales-monochrome-080: rgb(56, 167, 132);
--data-scales-monochrome-100: rgb(88, 200, 162);
--data-categorical-qualitative-05: rgb(129, 75, 87);
--data-categorical-qualitative-06: rgb(36, 113, 141);
--data-categorical-qualitative-07: rgb(95, 92, 42);
--data-categorical-qualitative-08: rgb(116, 78, 115);
--data-categorical-qualitative-09: rgb(40, 101, 80);
--data-categorical-operational-01: rgb(66, 92, 130);
--data-categorical-operational-02: rgb(20, 101, 102);
--data-categorical-operational-03: rgb(89, 86, 130);
--data-categorical-operational-04: rgb(35, 97, 121);
--data-categorical-operational-05: rgb(116, 78, 115);
--data-categorical-operational-06: rgb(95, 92, 42);
--data-categorical-operational-07: rgb(129, 75, 87);
--data-categorical-operational-08: rgb(40, 101, 80);
--data-categorical-operational-09: rgb(120, 83, 44);
--overlay-element-active-color: rgb(234, 167, 94);
--overlay-element-neutral-color: rgb(253, 176, 89, 0.7799999713897705);
--overlay-element-inactive-color: rgb(253, 176, 89, 0.6100000143051147);
--overlay-element-disabled-color: rgb(238, 175, 104, 0.2800000011920929);
--overlay-container-global-color: rgb(0, 0, 0);
--overlay-container-background-color: rgb(0, 0, 0, 0.75);
--overlay-border-outline-color: rgb(238, 175, 104, 0.2800000011920929);
--integration-on-selected-neutral-color: rgb(234, 167, 94);
--integration-on-selected-active-color: rgb(255, 211, 167);
--integration-on-normal-neutral-color: rgb(199, 136, 66);
--integration-on-normal-active-color: rgb(234, 167, 94);
--integration-on-normal-disabled-color: rgb(72, 52, 31);
--integration-selected-enabled-background-color: rgb(25, 17, 9);
--integration-selected-enabled-border-color: rgb(72, 52, 31);
--integration-selected-hover-background-color: rgb(0, 10, 4);
--integration-selected-hover-border-color: rgb(0, 61, 26);
--integration-selected-pressed-background-color: rgb(0, 10, 4);
--integration-selected-pressed-border-color: rgb(0, 41, 17);
--integration-selected-focused-background-color: rgb(0, 10, 4);
--integration-selected-disabled-background-color: rgb(0, 10, 4);
--integration-selected-disabled-border-color: rgb(0, 0, 0, 0);
--integration-normal-enabled-background-color: rgb(0, 0, 0);
--integration-normal-enabled-border-color: rgb(72, 52, 31);
--integration-normal-hover-background-color: rgb(0, 0, 0);
--integration-normal-hover-border-color: rgb(95, 67, 38);
--integration-normal-pressed-background-color: rgb(0, 0, 0);
--integration-normal-pressed-border-color: rgb(120, 83, 44);
--integration-normal-focused-background-color: rgb(0, 0, 0);
--integration-normal-disabled-background-color: rgb(230, 175, 112, 0);
--integration-normal-disabled-border-color: rgb(39, 27, 16);
--integration-container-global-color: rgb(0, 0, 0);
--palette-name: "night";
--integration-on-indent-neutral-color: rgb(255, 255, 255);
--integration-on-indent-active-color: rgb(255, 255, 255);
--integration-on-indent-disabled-color: rgb(255, 255, 255);
--integration-indent-enabled-background-color: rgb(197, 135, 65);
--integration-indent-enabled-border-color: rgb(153, 104, 51);
--integration-indent-hover-background-color: rgb(178, 122, 58);
--integration-indent-hover-border-color: rgb(127, 87, 45);
--integration-indent-pressed-background-color: rgb(153, 104, 51);
--integration-indent-pressed-border-color: rgb(107, 75, 41);
--integration-indent-focused-background-color: rgb(197, 135, 65);
--integration-indent-disabled-background-color: rgb(255, 255, 255);
--integration-indent-disabled-border-color: rgb(255, 255, 255);
--overlay-border-activated-color: rgb(253, 176, 89, 0.4699999988079071);
--overlay-flat-enabled-background-color: rgb(230, 175, 112, 0);
--overlay-flat-enabled-border-color: rgb(230, 175, 112, 0);
--overlay-flat-hover-background-color: rgb(230, 175, 112, 0);
--overlay-flat-hover-border-color: rgb(238, 175, 104, 0.2800000011920929);
--overlay-flat-active-background-color: rgb(230, 175, 112, 0);
--overlay-flat-active-border-color: rgb(253, 176, 89, 0.4699999988079071);
--overlay-automation-pipe-primary-color: rgb(199, 136, 66);
--overlay-automation-pipe-primary-inverted-color: rgb(0, 0, 0);
--overlay-automation-pipe-tertiary-inverted-color: rgb(120, 83, 44);
--overlay-automation-pipe-secondary-inverted-color: rgb(120, 83, 44);
--overlay-automation-pipe-secondary-color: rgb(120, 83, 44);
--overlay-automation-pipe-tertiary-color: rgb(0, 0, 0);
--overlay-navigation-green-primary-color: rgb(30, 62, 50);
--on-primary-color: rgb(56, 167, 132);
--overlay-navigation-green-secondary-color: rgb(40, 101, 80);
--overlay-element-active-inverted-color: rgb(0, 0, 0);
--overlay-element-neutral-inverted-color: rgb(0, 0, 0, 0.7699999809265137);
--overlay-navigation-green-inactive-color: rgb(9, 20, 15);
--overlay-navigation-yellow-primary-color: rgb(31, 31, 16);
--overlay-navigation-yellow-secondary-color: rgb(95, 92, 42);
--overlay-navigation-yellow-inactive-color: rgb(58, 57, 31);
--on-primary-color: rgb(157, 153, 61);
--overlay-navigation-red-primary-color: rgb(41, 25, 28);
--overlay-navigation-red-secondary-color: rgb(129, 75, 87);
--overlay-navigation-red-inactive-color: rgb(27, 15, 18);
--on-primary-color: rgb(213, 123, 142);
--container-image-color: rgb(0, 0, 0);
--overlay-container-backdrop-color: rgb(0, 0, 0, 0.75);
--overlay-border-silhouette-color: rgb(0, 0, 0);
--border-image-color: rgb(0, 0, 0);
--instrument-tick-mark-label-primary-color: rgb(234, 167, 94);
--instrument-tick-mark-label-secondary-color: rgb(156, 106, 52);
--integration-border-menu-outline-color: rgb(223, 156, 82);
--integration-normal-focused-border-color: rgb(230, 175, 112, 0);
--base-gray-050: rgb(18, 18, 18);
--base-gray-100: rgb(30, 30, 30);
--base-gray-200: rgb(56, 56, 56);
--base-gray-300: rgb(90, 90, 90);
--base-gray-400: rgb(116, 116, 116);
--base-gray-500: rgb(149, 149, 149);
--base-gray-600: rgb(180, 180, 180);
--integration-border-outline: rgb(0, 0, 0, 0.18000000715255737);
--integration-raised: rgb(255, 255, 255);
--integration-element-active-color: rgb(234, 167, 94);
--integration-element-neutral-color: rgb(253, 176, 89, 0.7799999713897705);
--integration-element-inactive-color: rgb(253, 176, 89, 0.6100000143051147);
--integration-element-disabled-color: rgb(238, 175, 104, 0.2800000011920929);
--overlay-element-inactive-inverted-color: rgb(0, 0, 0, 0.6100000143051147);
--overlay-element-disabled-inverted-color: rgb(0, 0, 0, 0.27000001072883606);
--navigation-chart-simple-depdw-color: rgb(0, 0, 0);
--element-active-enhanced-color: rgb(88, 200, 162);
--element-neutral-enhanced-color: rgb(56, 167, 132);
--element-inactive-enhanced-color: rgb(44, 131, 102);
--element-disabled-enhanced-color: rgb(30, 62, 50);
--element-symbol-enhanced-color: rgb(40, 101, 80);
--integration-flat-enabled-background-color: rgb(230, 175, 112, 0);
--integration-flat-enabled-border-color: rgb(230, 175, 112, 0);
--integration-flat-hover-background-color: rgb(230, 175, 112, 0);
--integration-flat-hover-border-color: rgb(238, 175, 104, 0.2800000011920929);
--integration-flat-pressed-background-color: rgb(230, 175, 112, 0);
--integration-flat-pressed-border-color: rgb(
247,
176,
95,
0.3799999952316284
);
--integration-flat-focused-background-color: rgb(230, 175, 112, 0);
--integration-flat-focused-border-color: rgb(230, 175, 112, 0);
--integration-flat-disabled-background-color: rgb(230, 175, 112, 0);
--integration-flat-disabled-border-color: rgb(230, 175, 112, 0);
--integration-container-section-color: rgb(0, 0, 0);
--integration-on-selected-disabled-color: rgb(120, 83, 44);
--integration-border-focused-border-color: rgb(66, 92, 130);
--integration-border-divider: rgb(0, 0, 0, 0.27000001072883606);
--integration-on-flat-active-color: rgb(234, 167, 94);
--integration-on-flat-neutral-color: rgb(199, 136, 66);
--integration-on-flat-disabled-color: rgb(127, 87, 45);
--alert-low-integrity-background-color: rgb(24, 19, 0);
--alert-invalid-background-color: rgb(98, 0, 0);
--element-symbol-color: rgb(120, 83, 44);
--element-symbol-inverted-color: rgb(127, 87, 45);
--integration-container-overlay-color: rgb(0, 0, 0);
--navigation-chart-simple-depvs-color: rgb(25, 17, 9);
--navigation-chart-simple-lndare-color: rgb(39, 27, 16);
--navigation-chart-simple-lndare-outline-color: rgb(72, 52, 31);
--navigation-chart-simple-depvs-outline-color: rgb(72, 52, 31);
--integration-container-background-color: rgb(0, 0, 0);
--integration-container-transparent-hover: rgb(0, 0, 0, 0.05000000074505806);
--integration-container-transparent-pressed: rgb(
0,
0,
0,
0.05000000074505806
);
--alert-success-color: rgb(16, 33, 26);
--on-success-color: rgb(56, 167, 132);
--alert-success-outline-color: rgb(40, 101, 80);
--alert-error-color: rgb(41, 25, 28);
--alert-error-outline-color: rgb(129, 75, 87);
--on-error-color: rgb(213, 123, 142);
--alert-caution-container-background-color: rgb(37, 29, 0);
--alert-alarm-container-background-color: rgb(70, 0, 0);
--alert-warning-container-background-color: rgb(53, 20, 0);
--shadow-elevation-level-1-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-level-1-layer-1-x: 0px;
--shadow-elevation-level-1-layer-1-y: 0px;
--shadow-elevation-level-1-layer-1-blur: 0px;
--shadow-elevation-level-1-layer-1-spread: 0px;
--shadow-elevation-level-1-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-level-1-layer-2-x: 0px;
--shadow-elevation-level-1-layer-2-y: 0px;
--shadow-elevation-level-1-layer-2-blur: 0px;
--shadow-elevation-level-1-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-1-x: 0px;
--shadow-elevation-level-2-layer-1-y: 0px;
--shadow-elevation-level-2-layer-1-blur: 0px;
--shadow-elevation-level-2-layer-1-spread: 0px;
--shadow-elevation-level-2-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-level-2-layer-2-x: 0px;
--shadow-elevation-level-2-layer-2-y: 0px;
--shadow-elevation-level-2-layer-2-blur: 0px;
--shadow-elevation-level-2-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-button-1-highlight-x: 0px;
--shadow-elevation-button-1-highlight-y: 0px;
--shadow-elevation-button-1-highlight-blur: 0px;
--shadow-elevation-button-1-highlight-spread: 0px;
--shadow-elevation-button-1-highlight-color: rgb(255, 255, 255);
--shadow-elevation-button-1-layer-2-x: 0px;
--shadow-elevation-button-1-layer-2-y: 0px;
--shadow-elevation-button-1-layer-2-blur: 0px;
--shadow-elevation-button-1-layer-2-spread: 0px;
--shadow-elevation-button-1-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-button-1-layer-1-x: 0px;
--shadow-elevation-button-1-layer-1-y: 0px;
--shadow-elevation-button-1-layer-1-blur: 0px;
--shadow-elevation-button-1-layer-1-spread: 0px;
--shadow-elevation-button-1-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-button-1-core-x: 0px;
--shadow-elevation-button-1-core-y: 0px;
--shadow-elevation-button-1-core-blur: 0px;
--shadow-elevation-button-1-core-spread: 0px;
--shadow-elevation-button-1-core-color: rgb(255, 255, 255);
--alert-running-container-background-color: rgb(0, 24, 0);
--alert-running-container-border-color: rgb(0, 24, 0);
--alert-caution-container-border-color: rgb(37, 29, 0);
--alert-warning-container-border-color: rgb(53, 20, 0);
--alert-alarm-container-border-color: rgb(70, 0, 0);
--border-edge-color: rgb(55, 40, 25);
--integration-amplified-enabled-background-color: rgb(230, 175, 112, 0);
--integration-amplified-enabled-border-color: rgb(230, 175, 112, 0);
--integration-amplified-hover-background-color: rgb(230, 175, 112, 0);
--integration-amplified-hover-border-color: rgb(
238,
175,
104,
0.2800000011920929
);
--integration-amplified-pressed-background-color: rgb(230, 175, 112, 0);
--integration-amplified-pressed-border-color: rgb(
247,
176,
95,
0.3799999952316284
);
--integration-amplified-focused-background-color: rgb(230, 175, 112, 0);
--integration-amplified-focused-border-color: rgb(255, 255, 255, 0);
--integration-amplified-disabled-background-color: rgb(230, 175, 112, 0);
--integration-amplified-disabled-border-color: rgb(230, 175, 112, 0);
--automation-medium-base-blue-primary-color: rgb(66, 92, 130);
--automation-medium-base-blue-secondary-color: rgb(43, 56, 77);
--automation-medium-base-blue-tertiary-color: rgb(83, 118, 170);
--integration-on-normal-inactive-color: rgb(199, 136, 66);
--integration-on-flat-inactive-color: rgb(199, 136, 66);
--integration-on-indent-inactive-color: rgb(255, 255, 255);
--alert-low-integrity-border-color: rgb(67, 55, 0);
--alert-invalid-border-color: rgb(166, 0, 0);
--integration-flat-activated-background-color: rgb(230, 175, 112, 0);
--integration-flat-activated-border-color: rgb(
238,
175,
104,
0.2800000011920929
);
--navigation-chart-simple-chmgd-color: rgb(120, 83, 44);
}
:root[data-obc-theme="bright"] {
--icon-02-chevron-up: url('data:image/svg+xml,');
--icon-02-chevron-down: url('data:image/svg+xml,');
--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(190, 190, 190);
--container-global-color: rgb(252, 252, 252);
--container-background-color: rgb(252, 252, 252);
--container-section-color: rgb(252, 252, 252);
--container-backdrop-color: rgb(252, 252, 252);
--border-outline-color: rgb(190, 190, 190);
--border-divider-color: rgb(142, 142, 142);
--border-silhouette-color: rgb(252, 252, 252);
--instrument-enhanced-secondary-color: rgb(45, 84, 139);
--instrument-enhanced-tertiary-color: rgb(156, 193, 245);
--instrument-regular-secondary-color: rgb(83, 83, 83);
--instrument-regular-tertiary-color: rgb(221, 221, 221);
--instrument-frame-primary-color: rgb(252, 252, 252);
--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, 94);
--instrument-starboard-secondary-color: rgb(191, 229, 213);
--instrument-port-primary-color: rgb(175, 86, 85);
--instrument-port-secondary-color: rgb(252, 210, 207);
--alert-alarm-color: rgb(235, 0, 20);
--alert-warning-color: rgb(254, 148, 19);
--alert-caution-color: rgb(255, 219, 66);
--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(180, 180, 180);
--element-neutral-inverted-color: rgb(149, 149, 149);
--element-inactive-inverted-color: rgb(117, 117, 117);
--element-disabled-inverted-color: rgb(53, 53, 53);
--alert-running-color: rgb(6, 131, 6);
--normal-enabled-background-color: rgb(252, 252, 252);
--data-categorical-qualitative-01: rgb(45, 84, 139);
--data-categorical-qualitative-02: rgb(124, 70, 6);
--data-categorical-qualitative-03: rgb(0, 93, 97);
--data-categorical-qualitative-04: rgb(88, 73, 137);
--normal-enabled-border-color: rgb(142, 142, 142);
--normal-hover-background-color: rgb(240, 240, 240);
--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(252, 252, 252);
--normal-focused-border-color: rgb(29, 60, 103);
--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(29, 60, 103);
--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(240, 240, 240);
--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(29, 60, 103);
--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(180, 180, 180);
--on-raised-disabled-color: rgb(190, 190, 190);
--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(29, 60, 103);
--selected-enabled-border-color: rgb(29, 60, 103);
--selected-hover-background-color: rgb(45, 84, 139);
--selected-hover-border-color: rgb(45, 84, 139);
--selected-pressed-background-color: rgb(66, 113, 179);
--selected-pressed-border-color: rgb(29, 60, 103);
--selected-focused-background-color: rgb(45, 84, 139);
--selected-focused-border-color: rgb(29, 60, 103);
--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(202, 222, 252);
--on-selected-disabled-color: rgb(180, 180, 180);
--amplified-enabled-background-color: rgb(202, 222, 252);
--amplified-enabled-border-color: rgb(156, 193, 245);
--amplified-hover-background-color: rgb(156, 193, 245);
--amplified-hover-border-color: rgb(93, 143, 213);
--amplified-pressed-background-color: rgb(124, 169, 233);
--amplified-pressed-border-color: rgb(93, 143, 213);
--amplified-focused-background-color: rgb(202, 222, 252);
--amplified-focused-border-color: rgb(29, 60, 103);
--amplified-disabled-background-color: rgb(255, 255, 255, 0);
--amplified-disabled-border-color: rgb(221, 221, 221);
--on-amplified-active-color: rgb(12, 32, 58);
--on-amplified-neutral-color: rgb(29, 60, 103);
--on-amplified-disabled-color: rgb(142, 142, 142);
--navigation-light-green-color: rgb(191, 229, 213);
--navigation-light-red-color: rgb(252, 210, 207);
--navigation-light-yellow-color: rgb(248, 242, 167);
--alert-limit-primary-color: rgb(221, 221, 221);
--alert-limit-secondary-color: rgb(240, 240, 240);
--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(93, 143, 213);
--alarm-disabled-background-color: rgb(227, 0, 25);
--alarm-disabled-border-color: rgb(227, 0, 25);
--warning-enabled-background-color: rgb(255, 135, 42);
--warning-enabled-border-color: rgb(190, 78, 0);
--warning-hover-background-color: rgb(233, 103, 0);
--warning-hover-border-color: rgb(190, 78, 0);
--warning-pressed-background-color: rgb(190, 78, 0);
--warning-pressed-border-color: rgb(145, 55, 0);
--warning-focused-background-color: rgb(255, 135, 42);
--warning-focused-border-color: rgb(93, 143, 213);
--warning-disabled-background-color: rgb(233, 103, 0);
--warning-disabled-border-color: rgb(233, 103, 0);
--caution-enabled-background-color: rgb(255, 219, 66);
--caution-enabled-border-color: rgb(179, 135, 0);
--caution-hover-background-color: rgb(232, 179, 0);
--caution-hover-border-color: rgb(179, 135, 0);
--caution-pressed-background-color: rgb(179, 135, 0);
--caution-pressed-border-color: rgb(107, 79, 0);
--caution-focused-background-color: rgb(232, 179, 0);
--caution-focused-border-color: rgb(93, 143, 213);
--caution-disabled-background-color: rgb(232, 179, 0);
--caution-disabled-border-color: rgb(232, 179, 0);
--data-weather-sun-primary-color: rgb(163, 97, 28);
--data-weather-sun-secondary-color: rgb(244, 215, 191);
--data-weather-cloud-light-primary-color: rgb(142, 142, 142);
--data-weather-cloud-light-seconday-color: rgb(240, 240, 240);
--data-weather-cloud-rain-primary-color: rgb(112, 112, 112);
--data-weather-cloud-rain-secondary-color: rgb(190, 190, 190);
--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, 125, 129);
--data-weather-rain-primary-color: rgb(66, 113, 179);
--data-weather-lightning-primary-color: rgb(163, 97, 28);
--data-weather-moon-primary-color: rgb(112, 112, 112);
--indent-enabled-background-color: rgb(240, 240, 240);
--indent-enabled-border-color: rgb(190, 190, 190);
--indent-hover-background-color: rgb(221, 221, 221);
--indent-hover-border-color: rgb(190, 190, 190);
--indent-pressed-background-color: rgb(190, 190, 190);
--indent-pressed-border-color: rgb(142, 142, 142);
--indent-focused-background-color: rgb(240, 240, 240);
--indent-focused-border-color: rgb(29, 60, 103);
--indent-disabled-background-color: rgb(255, 255, 255, 0);
--indent-disabled-border-color: rgb(240, 240, 240);
--on-indent-active-color: rgb(26, 26, 26);
--on-indent-neutral-color: rgb(31, 31, 31);
--on-indent-disabled-color: rgb(142, 142, 142);
--on-caution-active-color: rgb(26, 26, 26);
--on-caution-neutral-color: rgb(77, 56, 0);
--on-caution-disabled-color: rgb(179, 135, 0);
--on-warning-active-color: rgb(26, 26, 26);
--on-warning-neutral-color: rgb(0, 0, 0, 0.75);
--on-warning-disabled-color: rgb(145, 55, 0);
--on-alarm-active-color: rgb(255, 255, 255);
--on-alarm-neutral-color: rgb(255, 255, 255);
--on-alarm-disabled-color: rgb(255, 167, 156);
--instrument-enhanced-primary-color: rgb(29, 60, 103);
--instrument-enhanced-secondary-dif-color: rgb(93, 143, 213);
--instrument-regular-primary-color: rgb(61, 61, 61);
--data-weather-cloud-seconday-color: rgb(252, 252, 252);
--data-weather-cloud-primary-color: rgb(142, 142, 142);
--data-weather-moon-secondary-color: rgb(142, 142, 142);
--automation-device-primary-color: rgb(180, 180, 180);
--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(180, 180, 180);
--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(190, 190, 190);
--base-blue-050: rgb(228, 238, 253);
--base-blue-300: rgb(93, 143, 213);
--base-blue-600: rgb(29, 60, 103);
--base-blue-100: rgb(202, 222, 252);
--base-blue-200: rgb(156, 193, 245);
--base-blue-400: rgb(66, 113, 179);
--base-blue-500: rgb(45, 84, 139);
--automation-medium-acid-alkalis: rgb(225, 169, 215);
--automation-medium-fire-fighting: rgb(241, 175, 156);
--automation-medium-flammable-gas: rgb(242, 168, 165);
--automation-medium-fresh-water: rgb(130, 199, 230);
--automation-medium-sea-water: rgb(133, 205, 176);
--automation-medium-fuel: rgb(230, 176, 129);
--automation-medium-oil: rgb(202, 187, 121);
--automation-medium-masses: rgb(199, 188, 174);
--automation-medium-non-flammable-gas: rgb(162, 201, 147);
--automation-medium-steam: rgb(156, 193, 245);
--automation-medium-air-ventilation: rgb(190, 190, 190);
--automation-medium-waste: rgb(190, 179, 242);
--automation-medium-hot: rgb(241, 175, 156);
--automation-medium-cold: rgb(130, 199, 230);
--base-cyan-050: rgb(223, 240, 249);
--base-cyan-100: rgb(191, 226, 243);
--base-cyan-200: rgb(130, 199, 230);
--base-cyan-300: rgb(36, 153, 196);
--base-cyan-400: rgb(0, 121, 162);
--base-cyan-500: rgb(0, 90, 123);
--base-cyan-600: rgb(0, 65, 91);
--base-red-050: rgb(253, 233, 232);
--base-red-100: rgb(252, 210, 207);
--base-red-200: rgb(242, 168, 165);
--base-red-300: rgb(209, 115, 112);
--base-red-400: rgb(175, 86, 85);
--base-red-500: rgb(134, 61, 60);
--base-red-600: rgb(98, 41, 41);
--base-orange-050: rgb(249, 236, 225);
--base-orange-100: rgb(244, 215, 191);
--base-orange-200: rgb(230, 176, 129);
--base-orange-300: rgb(196, 126, 60);
--base-orange-400: rgb(163, 97, 28);
--base-orange-500: rgb(124, 70, 6);
--base-orange-600: rgb(91, 49, 0);
--base-teal-050: rgb(226, 242, 243);
--base-teal-100: rgb(190, 228, 229);
--base-teal-200: rgb(128, 202, 205);
--base-teal-300: rgb(29, 157, 161);
--base-teal-400: rgb(0, 125, 129);
--base-teal-500: rgb(0, 93, 97);
--base-teal-600: rgb(0, 67, 70);
--border-focus-color: rgb(29, 60, 103);
--automation-pipe-primary-color: rgb(180, 180, 180);
--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(190, 190, 190);
--thumb-enabled-background-color: rgb(252, 252, 252);
--thumb-enabled-border-color: rgb(190, 190, 190);
--thumb-hover-background-color: rgb(240, 240, 240);
--thumb-hover-border-color: rgb(190, 190, 190);
--thumb-pressed-background-color: rgb(221, 221, 221);
--thumb-pressed-border-color: rgb(190, 190, 190);
--thumb-focused-background-color: rgb(252, 252, 252);
--thumb-focused-border-color: rgb(29, 60, 103);
--thumb-disabled-background-color: rgb(190, 190, 190);
--thumb-disabled-border-color: rgb(190, 190, 190);
--thumb-activated-background-color: rgb(221, 221, 221);
--thumb-activated-border-color: rgb(190, 190, 190);
--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(93, 143, 213);
--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(143, 206, 138);
--navigation-light-danger-color: rgb(156, 89, 147);
--navigation-light-map-caution-color: rgb(163, 97, 28);
--alert-warning-text-color: rgb(190, 78, 0);
--alert-caution-outline-color: rgb(143, 107, 0);
--alert-warning-outline-color: rgb(190, 78, 0);
--instrument-regular-secondary-dif-color: rgb(142, 142, 142);
--notification-enabled-background-color: rgb(29, 60, 103);
--notification-enabled-border-color: rgb(29, 60, 103);
--notification-hover-background-color: rgb(38, 69, 115);
--notification-hover-border-color: rgb(36, 69, 117);
--notification-pressed-background-color: rgb(29, 60, 103);
--notification-pressed-border-color: rgb(29, 60, 103);
--notification-focused-background-color: rgb(29, 60, 103);
--notification-focused-border-color: rgb(29, 60, 103);
--notification-disabled-background-color: rgb(221, 221, 221);
--notification-disabled-border-color: rgb(221, 221, 221);
--on-notification-active-color: rgb(180, 180, 180);
--on-notification-neutral-color: rgb(202, 222, 252);
--on-notification-disabled-color: rgb(180, 180, 180);
--shadow-flat-x: 0px;
--shadow-flat-y: 1px;
--shadow-flat-blur: 2px;
--shadow-flat-color: rgb(0, 0, 0, 0.41999998688697815);
--shadow-raised-x: 0px;
--shadow-raised-y: 2px;
--shadow-raised-blur: 4px;
--shadow-raised-color: rgb(0, 0, 0, 0.41999998688697815);
--shadow-floating-x: 0px;
--shadow-floating-y: 4px;
--shadow-floating-blur: 16px;
--shadow-floating-color: rgb(0, 0, 0, 0.41999998688697815);
--shadow-overlay-x: 0px;
--shadow-overlay-y: 8px;
--shadow-overlay-blur: 32px;
--shadow-overlay-color: rgb(0, 0, 0, 0.5400000214576721);
--shadow-flat-spread: 0px;
--shadow-raised-spread: 0px;
--shadow-floating-spread: 1px;
--shadow-overlay-spread: 0px;
--typography-font-family-old: "Open Sans";
--typography-font-family-main: "Noto Sans";
--typography-font-weight-bold: 670;
--typography-font-weight-semibold: 570;
--typography-font-weight-regular: 370;
--typography-font-size-100: 16px;
--typography-font-size-075: 12px;
--typography-font-size-450: 72px;
--typography-font-size-150: 24px;
--typography-font-size-300: 48px;
--typography-font-size-400: 64px;
--typography-font-size-500: 80px;
--typography-font-size-250: 36px;
--typography-font-size-200: 32px;
--typography-line-height-500: 104px;
--typography-line-height-300: 64px;
--typography-line-height-250: 56px;
--typography-line-height-050: 12px;
--typography-line-height-100: 24px;
--typography-line-height-150: 32px;
--typography-line-height-450: 96px;
--typography-line-height-075: 16px;
--typography-line-height-400: 80px;
--typography-line-height-200: 48px;
--base-mint-050: rgb(226, 243, 235);
--base-mint-100: rgb(191, 229, 213);
--base-mint-200: rgb(133, 205, 176);
--base-mint-300: rgb(38, 160, 123);
--base-mint-400: rgb(0, 128, 94);
--base-mint-500: rgb(0, 95, 67);
--base-mint-600: rgb(0, 69, 47);
--base-yellow-050: rgb(242, 239, 223);
--base-yellow-100: rgb(228, 220, 185);
--base-yellow-200: rgb(202, 187, 121);
--base-yellow-300: rgb(162, 141, 41);
--base-yellow-400: rgb(132, 111, 0);
--base-yellow-500: rgb(99, 82, 0);
--base-yellow-600: rgb(72, 58, 0);
--base-purple-050: rgb(248, 234, 245);
--base-purple-100: rgb(242, 211, 236);
--base-purple-200: rgb(225, 169, 215);
--base-purple-300: rgb(189, 118, 179);
--base-purple-400: rgb(156, 89, 147);
--base-purple-500: rgb(119, 64, 112);
--base-purple-600: rgb(87, 44, 82);
--base-indigo-050: rgb(239, 237, 252);
--base-indigo-100: rgb(221, 216, 250);
--base-indigo-200: rgb(190, 179, 242);
--base-indigo-300: rgb(147, 130, 211);
--base-indigo-400: rgb(118, 101, 178);
--base-indigo-500: rgb(88, 73, 137);
--base-indigo-600: rgb(63, 51, 101);
--alert-alarm-outline-color: rgb(127, 0, 0);
--eco-enhanced: rgb(255, 255, 255);
--eco-eco-400: rgb(255, 255, 255);
--eco-eco-300: rgb(255, 255, 255);
--eco-eco-200: rgb(255, 255, 255);
--eco-disabled: rgb(255, 255, 255);
--eco-tinted: rgb(255, 255, 255);
--alert-running-outline-color: rgb(6, 131, 6);
--base-running-050: rgb(239, 237, 252);
--base-running-100: rgb(221, 216, 250);
--base-running-200: rgb(190, 179, 242);
--base-running-300: rgb(147, 130, 211);
--base-running-400: rgb(118, 101, 178);
--base-running-500: rgb(88, 73, 137);
--base-running-600: rgb(63, 51, 101);
--data-scales-viridis-000: rgb(253, 198, 0);
--data-scales-viridis-050: rgb(0, 125, 129);
--data-scales-viridis-100: rgb(63, 51, 101);
--data-scales-viridis-025: rgb(57, 162, 52);
--data-scales-viridis-075: rgb(29, 60, 103);
--data-scales-magma-000: rgb(255, 219, 66);
--data-scales-magma-050: rgb(175, 86, 85);
--data-scales-magma-100: rgb(87, 44, 82);
--data-scales-plasma-000: rgb(255, 219, 66);
--data-scales-plasma-033: rgb(233, 103, 0);
--data-scales-plasma-066: rgb(153, 0, 143);
--data-scales-plasma-100: rgb(0, 48, 155);
--data-scales-inferno-000: rgb(232, 179, 0);
--data-scales-inferno-033: rgb(233, 103, 0);
--data-scales-inferno-066: rgb(153, 0, 143);
--data-scales-inferno-100: rgb(0, 48, 155);
--data-scales-cividis-000: rgb(232, 179, 0);
--data-scales-cividis-050: rgb(142, 142, 142);
--data-scales-cividis-100: rgb(0, 48, 155);
--data-scales-mako-000: rgb(162, 201, 147);
--data-scales-mako-050: rgb(0, 121, 162);
--data-scales-mako-100: rgb(63, 51, 101);
--data-scales-rocket-000: rgb(255, 210, 203);
--data-scales-rocket-050: rgb(227, 0, 25);
--data-scales-rocket-100: rgb(112, 0, 104);
--data-scales-mako-025: rgb(38, 160, 123);
--data-scales-mako-075: rgb(45, 84, 139);
--data-scales-turbo-000: rgb(127, 0, 0);
--data-scales-turbo-014: rgb(227, 0, 25);
--data-scales-turbo-028: rgb(233, 103, 0);
--data-scales-turbo-042: rgb(232, 179, 0);
--data-scales-turbo-056: rgb(57, 162, 52);
--data-scales-turbo-100: rgb(112, 0, 104);
--data-scales-turbo-070: rgb(29, 157, 161);
--data-scales-turbo-084: rgb(0, 102, 248);
--data-divergent-regular-000: rgb(91, 49, 0);
--data-divergent-regular-025: rgb(163, 97, 28);
--data-divergent-regular-049: rgb(244, 215, 191);
--data-divergent-regular-051: rgb(191, 226, 243);
--data-divergent-regular-100: rgb(0, 65, 91);
--data-divergent-regular-075: rgb(0, 121, 162);
--data-divergent-hot-cold-000: rgb(87, 44, 82);
--data-divergent-hot-cold-025: rgb(209, 115, 112);
--data-divergent-hot-cold-049: rgb(252, 210, 207);
--data-divergent-hot-cold-051: rgb(191, 226, 243);
--data-divergent-hot-cold-075: rgb(36, 153, 196);
--data-divergent-hot-cold-100: rgb(29, 60, 103);
--data-divergent-positive-negative-000: rgb(98, 41, 41);
--data-divergent-positive-negative-025: rgb(175, 86, 85);
--data-divergent-positive-negative-049: rgb(252, 210, 207);
--data-divergent-positive-negative-051: rgb(191, 229, 213);
--data-divergent-positive-negative-075: rgb(38, 160, 123);
--data-divergent-positive-negative-100: rgb(0, 69, 47);
--data-scales-monochrome-000: rgb(156, 193, 245);
--data-scales-monochrome-020: rgb(93, 143, 213);
--data-scales-monochrome-040: rgb(66, 113, 179);
--data-scales-monochrome-060: rgb(45, 84, 139);
--data-scales-monochrome-080: rgb(29, 60, 103);
--data-scales-monochrome-100: rgb(12, 32, 58);
--data-categorical-qualitative-05: rgb(134, 61, 60);
--data-categorical-qualitative-06: rgb(0, 90, 123);
--data-categorical-qualitative-07: rgb(99, 82, 0);
--data-categorical-qualitative-08: rgb(119, 64, 112);
--data-categorical-qualitative-09: rgb(0, 95, 67);
--data-categorical-operational-01: rgb(66, 113, 179);
--data-categorical-operational-02: rgb(163, 97, 28);
--data-categorical-operational-03: rgb(0, 125, 129);
--data-categorical-operational-04: rgb(118, 101, 178);
--data-categorical-operational-05: rgb(156, 89, 147);
--data-categorical-operational-06: rgb(132, 111, 0);
--data-categorical-operational-07: rgb(175, 86, 85);
--data-categorical-operational-08: rgb(0, 128, 94);
--data-categorical-operational-09: rgb(163, 97, 28);
--overlay-element-active-color: rgb(255, 255, 255);
--overlay-element-neutral-color: rgb(255, 255, 255, 0.8999999761581421);
--overlay-element-inactive-color: rgb(255, 255, 255, 0.699999988079071);
--overlay-element-disabled-color: rgb(255, 255, 255, 0.5);
--overlay-container-global-color: rgb(255, 255, 255);
--overlay-container-background-color: rgb(255, 255, 255, 0.800000011920929);
--overlay-border-outline-color: rgb(26, 26, 26);
--integration-on-selected-neutral-color: rgb(53, 53, 53);
--integration-on-selected-active-color: rgb(0, 0, 0);
--integration-on-normal-neutral-color: rgb(255, 255, 255);
--integration-on-normal-active-color: rgb(255, 255, 255);
--integration-on-normal-disabled-color: rgb(89, 89, 89);
--integration-selected-enabled-background-color: rgb(240, 240, 240);
--integration-selected-enabled-border-color: rgb(240, 240, 240);
--integration-selected-hover-background-color: rgb(217, 217, 217);
--integration-selected-hover-border-color: rgb(217, 217, 217);
--integration-selected-pressed-background-color: rgb(195, 195, 195);
--integration-selected-pressed-border-color: rgb(195, 195, 195);
--integration-selected-focused-background-color: rgb(240, 240, 240);
--integration-selected-disabled-background-color: rgb(0, 0, 0, 0);
--integration-selected-disabled-border-color: rgb(0, 0, 0, 0);
--integration-normal-enabled-background-color: rgb(0, 0, 0);
--integration-normal-enabled-border-color: rgb(117, 117, 117);
--integration-normal-hover-background-color: rgb(42, 42, 42);
--integration-normal-hover-border-color: rgb(149, 149, 149);
--integration-normal-pressed-background-color: rgb(30, 30, 30);
--integration-normal-pressed-border-color: rgb(134, 134, 134);
--integration-normal-focused-background-color: rgb(0, 0, 0);
--integration-normal-disabled-background-color: rgb(255, 255, 255, 0);
--integration-normal-disabled-border-color: rgb(
255,
255,
255,
0.20999999344348907
);
--integration-container-global-color: rgb(0, 0, 0);
--palette-name: "bright";
--integration-on-indent-neutral-color: rgb(255, 255, 255);
--integration-on-indent-active-color: rgb(255, 255, 255);
--integration-on-indent-disabled-color: rgb(255, 255, 255);
--integration-indent-enabled-background-color: rgb(42, 42, 42);
--integration-indent-enabled-border-color: rgb(69, 69, 69);
--integration-indent-hover-background-color: rgb(53, 53, 53);
--integration-indent-hover-border-color: rgb(89, 89, 89);
--integration-indent-pressed-background-color: rgb(69, 69, 69);
--integration-indent-pressed-border-color: rgb(103, 103, 103);
--integration-indent-focused-background-color: rgb(42, 42, 42);
--integration-indent-disabled-background-color: rgb(255, 255, 255);
--integration-indent-disabled-border-color: rgb(255, 255, 255);
--overlay-border-activated-color: rgb(255, 255, 255);
--overlay-flat-enabled-background-color: rgb(0, 0, 0, 0);
--overlay-flat-enabled-border-color: rgb(0, 0, 0, 0);
--overlay-flat-hover-background-color: rgb(0, 0, 0, 0.20000000298023224);
--overlay-flat-hover-border-color: rgb(255, 255, 255, 0.20000000298023224);
--overlay-flat-active-background-color: rgb(0, 0, 0, 0.4000000059604645);
--overlay-flat-active-border-color: rgb(255, 255, 255, 0.20000000298023224);
--overlay-automation-pipe-primary-color: rgb(255, 255, 255);
--overlay-automation-pipe-primary-inverted-color: rgb(
0,
0,
0,
0.800000011920929
);
--overlay-automation-pipe-tertiary-inverted-color: rgb(177, 177, 177);
--overlay-automation-pipe-secondary-inverted-color: rgb(
0,
0,
0,
0.6000000238418579
);
--overlay-automation-pipe-secondary-color: rgb(
255,
255,
255,
0.699999988079071
);
--overlay-automation-pipe-tertiary-color: rgb(0, 0, 0);
--overlay-navigation-green-primary-color: rgb(133, 205, 176);
--on-primary-color: rgb(0, 0, 0);
--overlay-navigation-green-secondary-color: rgb(0, 95, 67);
--overlay-element-active-inverted-color: rgb(0, 0, 0);
--overlay-element-neutral-inverted-color: rgb(0, 0, 0, 0.699999988079071);
--overlay-navigation-green-inactive-color: rgb(133, 205, 176);
--overlay-navigation-yellow-primary-color: rgb(202, 187, 121);
--overlay-navigation-yellow-secondary-color: rgb(99, 82, 0);
--overlay-navigation-yellow-inactive-color: rgb(202, 187, 121);
--on-primary-color: rgb(0, 0, 0);
--overlay-navigation-red-primary-color: rgb(242, 168, 165);
--overlay-navigation-red-secondary-color: rgb(134, 61, 60);
--overlay-navigation-red-inactive-color: rgb(242, 168, 165);
--on-primary-color: rgb(0, 0, 0);
--container-image-color: rgb(38, 38, 38);
--overlay-container-backdrop-color: rgb(224, 224, 224, 0.800000011920929);
--overlay-border-silhouette-color: rgb(0, 0, 0, 0.6000000238418579);
--border-image-color: rgb(0, 0, 0);
--instrument-tick-mark-label-primary-color: rgb(142, 142, 142);
--instrument-tick-mark-label-secondary-color: rgb(142, 142, 142);
--integration-border-menu-outline-color: rgb(26, 26, 26);
--integration-normal-focused-border-color: rgb(255, 255, 255, 0);
--base-gray-050: rgb(240, 240, 240);
--base-gray-100: rgb(221, 221, 221);
--base-gray-200: rgb(190, 190, 190);
--base-gray-300: rgb(142, 142, 142);
--base-gray-400: rgb(112, 112, 112);
--base-gray-500: rgb(83, 83, 83);
--base-gray-600: rgb(61, 61, 61);
--integration-border-outline: rgb(89, 89, 89);
--integration-raised: rgb(255, 255, 255);
--integration-element-active-color: rgb(255, 255, 255);
--integration-element-neutral-color: rgb(217, 217, 217);
--integration-element-inactive-color: rgb(149, 149, 149);
--integration-element-disabled-color: rgb(89, 89, 89);
--overlay-element-inactive-inverted-color: rgb(0, 0, 0, 0.699999988079071);
--overlay-element-disabled-inverted-color: rgb(0, 0, 0, 0.699999988079071);
--navigation-chart-simple-depdw-color: rgb(247, 247, 247);
--element-active-enhanced-color: rgb(12, 32, 58);
--element-neutral-enhanced-color: rgb(29, 60, 103);
--element-inactive-enhanced-color: rgb(45, 84, 139);
--element-disabled-enhanced-color: rgb(156, 193, 245);
--element-symbol-enhanced-color: rgb(66, 113, 179);
--integration-flat-enabled-background-color: rgb(255, 255, 255, 0);
--integration-flat-enabled-border-color: rgb(255, 255, 255, 0);
--integration-flat-hover-background-color: rgb(
255,
255,
255,
0.1599999964237213
);
--integration-flat-hover-border-color: rgb(255, 255, 255, 0);
--integration-flat-pressed-background-color: rgb(
255,
255,
255,
0.11999999731779099
);
--integration-flat-pressed-border-color: rgb(255, 255, 255, 0);
--integration-flat-focused-background-color: rgb(255, 255, 255, 0);
--integration-flat-focused-border-color: rgb(255, 255, 255, 0);
--integration-flat-disabled-background-color: rgb(255, 255, 255, 0);
--integration-flat-disabled-border-color: rgb(255, 255, 255, 0);
--integration-container-section-color: rgb(0, 0, 0);
--integration-on-selected-disabled-color: rgb(69, 69, 69);
--integration-border-focused-border-color: rgb(93, 143, 213);
--integration-border-divider: rgb(89, 89, 89);
--integration-on-flat-active-color: rgb(255, 255, 255);
--integration-on-flat-neutral-color: rgb(217, 217, 217);
--integration-on-flat-disabled-color: rgb(89, 89, 89);
--alert-low-integrity-background-color: rgb(255, 240, 136);
--alert-invalid-background-color: rgb(255, 210, 203);
--element-symbol-color: rgb(112, 112, 112);
--element-symbol-inverted-color: rgb(89, 89, 89);
--integration-container-overlay-color: rgb(0, 0, 0, 0.75);
--navigation-chart-simple-depvs-color: rgb(224, 224, 224);
--navigation-chart-simple-lndare-color: rgb(240, 240, 240);
--navigation-chart-simple-lndare-outline-color: rgb(142, 142, 142);
--navigation-chart-simple-depvs-outline-color: rgb(142, 142, 142);
--integration-container-background-color: rgb(0, 0, 0);
--integration-container-transparent-hover: rgb(0, 0, 0, 0.05000000074505806);
--integration-container-transparent-pressed: rgb(
0,
0,
0,
0.05000000074505806
);
--alert-success-color: rgb(0, 95, 67);
--on-success-color: rgb(255, 255, 255);
--alert-success-outline-color: rgb(0, 69, 47);
--alert-error-color: rgb(134, 61, 60);
--alert-error-outline-color: rgb(117, 51, 51);
--on-error-color: rgb(93, 143, 213);
--alert-caution-container-background-color: rgb(255, 240, 136);
--alert-alarm-container-background-color: rgb(255, 189, 179);
--alert-warning-container-background-color: rgb(255, 212, 175);
--shadow-elevation-level-1-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-level-1-layer-1-x: 0px;
--shadow-elevation-level-1-layer-1-y: 0px;
--shadow-elevation-level-1-layer-1-blur: 0px;
--shadow-elevation-level-1-layer-1-spread: 0px;
--shadow-elevation-level-1-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-level-1-layer-2-x: 0px;
--shadow-elevation-level-1-layer-2-y: 0px;
--shadow-elevation-level-1-layer-2-blur: 0px;
--shadow-elevation-level-1-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-1-x: 0px;
--shadow-elevation-level-2-layer-1-y: 0px;
--shadow-elevation-level-2-layer-1-blur: 0px;
--shadow-elevation-level-2-layer-1-spread: 0px;
--shadow-elevation-level-2-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-level-2-layer-2-x: 0px;
--shadow-elevation-level-2-layer-2-y: 0px;
--shadow-elevation-level-2-layer-2-blur: 0px;
--shadow-elevation-level-2-layer-2-spread: 0px;
--shadow-elevation-level-2-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-button-1-highlight-x: 0px;
--shadow-elevation-button-1-highlight-y: 0px;
--shadow-elevation-button-1-highlight-blur: 0px;
--shadow-elevation-button-1-highlight-spread: 0px;
--shadow-elevation-button-1-highlight-color: rgb(255, 255, 255);
--shadow-elevation-button-1-layer-2-x: 0px;
--shadow-elevation-button-1-layer-2-y: 0px;
--shadow-elevation-button-1-layer-2-blur: 0px;
--shadow-elevation-button-1-layer-2-spread: 0px;
--shadow-elevation-button-1-layer-2-color: rgb(255, 255, 255);
--shadow-elevation-button-1-layer-1-x: 0px;
--shadow-elevation-button-1-layer-1-y: 0px;
--shadow-elevation-button-1-layer-1-blur: 0px;
--shadow-elevation-button-1-layer-1-spread: 0px;
--shadow-elevation-button-1-layer-1-color: rgb(255, 255, 255);
--shadow-elevation-button-1-core-x: 0px;
--shadow-elevation-button-1-core-y: 0px;
--shadow-elevation-button-1-core-blur: 0px;
--shadow-elevation-button-1-core-spread: 0px;
--shadow-elevation-button-1-core-color: rgb(255, 255, 255);
--alert-running-container-background-color: rgb(6, 131, 6);
--alert-running-container-border-color: rgb(6, 131, 6);
--alert-caution-container-border-color: rgb(255, 240, 136);
--alert-warning-container-border-color: rgb(255, 212, 175);
--alert-alarm-container-border-color: rgb(255, 189, 179);
--border-edge-color: rgb(190, 190, 190);
--integration-amplified-enabled-background-color: rgb(255, 255, 255, 0);
--integration-amplified-enabled-border-color: rgb(255, 255, 255, 0);
--integration-amplified-hover-background-color: rgb(30, 30, 30);
--integration-amplified-hover-border-color: rgb(30, 30, 30);
--integration-amplified-pressed-background-color: rgb(42, 42, 42);
--integration-amplified-pressed-border-color: rgb(42, 42, 42);
--integration-amplified-focused-background-color: rgb(255, 255, 255, 0);
--integration-amplified-focused-border-color: rgb(255, 255, 255, 0);
--integration-amplified-disabled-background-color: rgb(255, 255, 255, 0);
--integration-amplified-disabled-border-color: rgb(255, 255, 255, 0);
--automation-medium-base-blue-primary-color: rgb(45, 84, 139);
--automation-medium-base-blue-secondary-color: rgb(66, 113, 179);
--automation-medium-base-blue-tertiary-color: rgb(45, 84, 139);
--integration-on-normal-inactive-color: rgb(149, 149, 149);
--integration-on-flat-inactive-color: rgb(149, 149, 149);
--integration-on-indent-inactive-color: rgb(255, 255, 255);
--alert-low-integrity-border-color: rgb(143, 107, 0);
--alert-invalid-border-color: rgb(255, 77, 71);
--integration-flat-activated-background-color: rgb(
255,
255,
255,
0.1599999964237213
);
--integration-flat-activated-border-color: rgb(255, 255, 255, 0);
--navigation-chart-simple-chmgd-color: rgb(112, 112, 112);
}
@property --alarm-blink-on {
syntax: "";
inherits: true;
initial-value: 1;
}
@property --alarm-blink-off {
syntax: "";
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;
}
100% {
--warning-blink-on: 1;
--warning-blink-off: 0;
}
}
@property --warning-blink-on {
syntax: "";
inherits: true;
initial-value: 1;
}
@property --warning-blink-off {
syntax: "";
inherits: true;
initial-value: 0;
}
:root {
animation: warning-blink 4s infinite;
animation-timing-function: steps(1);
}
.obc-radio-button {
user-select: none;
/** styles when not in elevated card */
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)) {
border-color: var(--indent-enabled-border-color);
background-color: var(--indent-enabled-background-color);
border-width: 1px;
border-style: solid;
cursor: pointer;
--base-border-color: var(--indent-enabled-border-color);
--base-background-color: var(--indent-enabled-background-color);
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):focus {
outline: none;
}
.activated:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)) {
border-color: var(--indent-activated-border-color);
background-color: var(--indent-activated-background-color);
--base-border-color: var(--indent-activated-border-color);
--base-background-color: var(--indent-activated-background-color);
}
@media (hover:hover) {
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):hover {
border-color: color-mix(in srgb, var(--indent-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
background-color: color-mix(in srgb, var(--indent-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
}
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):active {
border-color: var(--indent-pressed-border-color);
background-color: var(--indent-pressed-background-color);
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):focus-visible {
outline-color: var(--border-focus-color);
outline-width: var(--global-size-spacing-border-weight-focusframe);
outline-style: solid;
border-color: var(--container-global-color);
z-index: 1;
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):disabled {
border-color: var(--indent-disabled-border-color);
background-color: var(--indent-disabled-background-color);
cursor: not-allowed;
color: var(--on-indent-disabled-color) !important;
}
.disabled:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)) {
border-color: var(--indent-disabled-border-color);
background-color: var(--indent-disabled-background-color);
cursor: not-allowed;
color: var(--on-indent-disabled-color) !important;
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)),:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):hover,:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):focus,:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):active {
border-color: var(--element-inactive-color);
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked {
border-color: var(--selected-enabled-border-color);
background-color: var(--selected-enabled-background-color);
border-width: 1px;
border-style: solid;
cursor: pointer;
--base-border-color: var(--selected-enabled-border-color);
--base-background-color: var(--selected-enabled-background-color);
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:focus {
outline: none;
}
.activated:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked {
border-color: var(--selected-activated-border-color);
background-color: var(--selected-activated-background-color);
--base-border-color: var(--selected-activated-border-color);
--base-background-color: var(--selected-activated-background-color);
}
@media (hover:hover) {
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:hover {
border-color: color-mix(in srgb, var(--selected-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
background-color: color-mix(in srgb, var(--selected-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
}
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:active {
border-color: var(--selected-pressed-border-color);
background-color: var(--selected-pressed-background-color);
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:focus-visible {
outline-color: var(--border-focus-color);
outline-width: var(--global-size-spacing-border-weight-focusframe);
outline-style: solid;
border-color: var(--container-global-color);
z-index: 1;
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:disabled {
border-color: var(--selected-disabled-border-color);
background-color: var(--selected-disabled-background-color);
cursor: not-allowed;
color: var(--on-selected-disabled-color) !important;
}
.disabled:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked {
border-color: var(--selected-disabled-border-color);
background-color: var(--selected-disabled-background-color);
cursor: not-allowed;
color: var(--on-selected-disabled-color) !important;
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:disabled {
border-color: var(--selected-enabled-border-color);
background-color: var(--selected-enabled-background-color);
border-width: 1px;
border-style: solid;
--base-border-color: var(--selected-enabled-border-color);
--base-background-color: var(--selected-enabled-background-color);
background-color: var(--element-disabled-color);
border-color: var(--element-disabled-color);
}
:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):disabled {
border-color: var(--indent-enabled-border-color);
background-color: var(--indent-enabled-background-color);
border-width: 1px;
border-style: solid;
--base-border-color: var(--indent-enabled-border-color);
--base-background-color: var(--indent-enabled-background-color);
cursor: not-allowed;
}
/** styles when not in elevated card, disables hover effects, as these are in the card */
:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)) {
border-color: var(--indent-enabled-border-color);
background-color: var(--indent-enabled-background-color);
border-width: 1px;
border-style: solid;
--base-border-color: var(--indent-enabled-border-color);
--base-background-color: var(--indent-enabled-background-color);
}
:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button) {
cursor: pointer;
}
:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)),:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):hover,:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):focus,:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):active {
border-color: var(--element-inactive-color);
}
:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):checked {
border-color: var(--selected-enabled-border-color);
background-color: var(--selected-enabled-background-color);
border-width: 1px;
border-style: solid;
--base-border-color: var(--selected-enabled-border-color);
--base-background-color: var(--selected-enabled-background-color);
}
[disabled]:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)) {
cursor: not-allowed;
}
input.obc-radio-button,.obc-radio-button input {
box-sizing: border-box;
appearance: none;
width: var(--ui-components-radio-button-selection-size);
height: var(--ui-components-radio-button-selection-size);
margin: 0;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
:is(input.obc-radio-button,.obc-radio-button input):checked::before {
display: block;
position: absolute;
content: "";
width: var(--ui-components-radio-button-thumb-size);
height: var(--ui-components-radio-button-thumb-size);
background-color: var(--on-selected-active-color);
border-radius: 100%;
}
.has-label :is(input.obc-radio-button,.obc-radio-button input):focus-visible {
outline: none;
}
.obc-radio-button .label {
padding: 0px var(--ui-components-radio-button-label-spacing);
}
label.obc-radio-button {
box-sizing: border-box;
}
label.obc-radio-button {
border-color: var(--flat-enabled-border-color);
background-color: var(--flat-enabled-background-color);
border-width: 1px;
border-style: solid;
cursor: pointer;
--base-border-color: var(--flat-enabled-border-color);
--base-background-color: var(--flat-enabled-background-color);
}
label.obc-radio-button:focus {
outline: none;
}
label.obc-radio-button.activated {
border-color: var(--flat-activated-border-color);
background-color: var(--flat-activated-background-color);
--base-border-color: var(--flat-activated-border-color);
--base-background-color: var(--flat-activated-background-color);
}
@media (hover:hover) {
label.obc-radio-button:hover {
border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
}
}
label.obc-radio-button:active {
border-color: var(--flat-pressed-border-color);
background-color: var(--flat-pressed-background-color);
}
label.obc-radio-button:focus-visible {
outline-color: var(--border-focus-color);
outline-width: var(--global-size-spacing-border-weight-focusframe);
outline-style: solid;
border-color: var(--container-global-color);
z-index: 1;
}
label.obc-radio-button:disabled {
border-color: var(--flat-disabled-border-color);
background-color: var(--flat-disabled-background-color);
cursor: not-allowed;
color: var(--on-flat-disabled-color) !important;
}
label.obc-radio-button.disabled {
border-color: var(--flat-disabled-border-color);
background-color: var(--flat-disabled-background-color);
cursor: not-allowed;
color: var(--on-flat-disabled-color) !important;
}
label.obc-radio-button {
font-family: var(--font-family-main);
font-weight: var(--global-typography-ui-body-font-weight);
font-size: var(--global-typography-ui-body-font-size);
line-height: var(--global-typography-ui-body-line-height);
font-feature-settings:
"liga" off,
"clig" off,
"ss04" on;
color: var(--element-active-color);
display: flex;
width: 100%;
height: var(--ui-components-radio-button-touch-target-size);
padding: 0 var(--ui-components-radio-button-padding-horizontal);
border-radius: var(--ui-components-radio-button-border-radius);
align-items: center;
flex-shrink: 0;
}
label.obc-radio-button:has(input:focus-visible) {
outline-color: var(--border-focus-color);
outline-width: var(--global-size-spacing-border-weight-focusframe);
outline-style: solid;
}
label.obc-radio-button.disabled,label.obc-radio-button.disabled:hover,label.obc-radio-button.disabled:focus,label.obc-radio-button.disabled:active {
color: var(--element-disabled-color);
cursor: not-allowed;
}
label.obc-radio-button.disabled .label,label.obc-radio-button.disabled:hover .label,label.obc-radio-button.disabled:focus .label,label.obc-radio-button.disabled:active .label {
color: var(--element-disabled-color);
}
label.obc-radio-button:has(input:checked) {
font-family: var(--font-family-main);
font-weight: var(--font-weight-bold);
font-size: var(--global-typography-ui-body-active-font-size);
line-height: var(--global-typography-ui-body-active-line-height);
font-feature-settings:
"liga" off,
"clig" off,
"ss04" on;
}
label.obc-radio-button[disabled],label.obc-radio-button[disabled]:hover,label.obc-radio-button[disabled]:focus,label.obc-radio-button[disabled]:active {
color: var(--element-disabled-color);
cursor: not-allowed;
}
html {
--obc-can-hover: 1;
}
.obc-wide-scrollbar {
--obc-scrollbar-touch-target-size: var(
--menu-navigation-components-scroll-bar-touch-target-size-large
);
--obc-scrollbar-visual-target-size: var(
--menu-navigation-components-scroll-bar-visual-target-size-large
);
--obc-scrollbar-button-size: var(--global-size-spacing-touch-target-min);
--obc-scrollbar-offset: calc(
(
var(--obc-scrollbar-touch-target-size) -
var(--obc-scrollbar-visual-target-size)
) /
2
);
--obc-scrollbar-button-radius: calc(
var(--obc-scrollbar-offset) + var(--ui-components-button-border-radius)
);
--obc-scrollbar-button-margin: var(--obc-scrollbar-offset);
--obc-scrollbar-button-display: block;
--obc-scrollbar-thumb-background-color: var(
--normal-enabled-background-color
);
--obc-scrollbar-thumb-border-color: var(--normal-enabled-border-color);
--obc-scrollbar-thumb-hover-background-color: var(
--normal-hover-background-color
);
--obc-scrollbar-thumb-hover-border-color: var(--normal-hover-border-color);
--obc-scrollbar-thumb-active-background-color: var(
--normal-pressed-background-color
);
--obc-scrollbar-thumb-active-border-color: var(--normal-pressed-border-color);
}
.obc-normal-scrollbar {
--obc-scrollbar-visual-target-size: 16px;
--obc-scrollbar-touch-target-size: calc(
16px + var(--menu-navigation-components-scroll-bar-padding) * 2
);
--obc-scrollbar-button-size: 24px;
--obc-scrollbar-button-radius: 8px;
--obc-scrollbar-button-margin: 2px;
--obc-scrollbar-button-display: block;
--obc-scrollbar-thumb-background-color: var(
--normal-enabled-background-color
);
--obc-scrollbar-thumb-border-color: var(--normal-enabled-border-color);
--obc-scrollbar-thumb-hover-background-color: var(
--normal-hover-background-color
);
--obc-scrollbar-thumb-hover-border-color: var(--normal-hover-border-color);
--obc-scrollbar-thumb-active-background-color: var(
--normal-pressed-background-color
);
--obc-scrollbar-thumb-active-border-color: var(--normal-pressed-border-color);
}
*,
.obc-thin-scrollbar {
--obc-scrollbar-visual-target-size: var(
--menu-navigation-components-scroll-bar-visual-target-size-thin
);
--obc-scrollbar-touch-target-size: calc(
var(--menu-navigation-components-scroll-bar-padding) * 2 +
var(--menu-navigation-components-scroll-bar-visual-target-size-thin)
);
--obc-scrollbar-button-display: none;
--obc-scrollbar-thumb-background-color: var(--element-disabled-color);
--obc-scrollbar-thumb-border-color: var(--element-disabled-color);
--obc-scrollbar-thumb-hover-background-color: var(--element-disabled-color);
--obc-scrollbar-thumb-hover-border-color: var(--element-disabled-color);
--obc-scrollbar-thumb-active-background-color: var(--element-disabled-color);
--obc-scrollbar-thumb-active-border-color: var(--element-disabled-color);
}