/**
  This file resets default behavior in browsers.
 */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

/* stylelint-disable-line meowtec/no-px */
/* stylelint-disable-line meowtec/no-px */
.ob-font-ui-title {
  font-size: var(--font-ui-title-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-title-weight);
  line-height: var(--font-ui-title-line-height);
}

.ob-font-ui-subtitle {
  font-size: var(--font-ui-subtitle-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-subtitle-weight);
  line-height: var(--font-ui-subtitle-line-height);
}

.ob-font-ui-overline {
  font-size: var(--font-ui-overline-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-overline-weight);
  line-height: var(--font-ui-overline-line-height);
}

.ob-font-ui-button {
  font-size: var(--font-ui-button-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-button-weight);
  line-height: var(--font-ui-button-line-height);
}

.ob-font-ui-body-active {
  font-size: var(--font-ui-body-active-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-body-active-weight);
  line-height: var(--font-ui-body-active-line-height);
}

.ob-font-ui-body {
  font-size: var(--font-ui-body-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-body-weight);
  line-height: var(--font-ui-body-line-height);
}

.ob-font-ui-label-active {
  font-size: var(--font-ui-label-active-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-label-active-weight);
  line-height: var(--font-ui-label-active-line-height);
}

.ob-font-ui-label {
  font-size: var(--font-ui-label-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-label-weight);
  line-height: var(--font-ui-label-line-height);
}

.ob-element-active-color-stroke {
  stroke: var(--element-active-color);
}

.ob-element-active-color-fill {
  fill: var(--element-active-color);
}

.ob-element-neutral-color-stroke {
  stroke: var(--element-neutral-color);
}

.ob-element-neutral-color-fill {
  fill: var(--element-neutral-color);
}

.ob-element-disabled-color-stroke {
  stroke: var(--element-disabled-color);
}

.ob-element-disabled-color-fill {
  fill: var(--element-disabled-color);
}

.ob-element-active-inverted-color-stroke {
  stroke: var(--element-active-inverted-color);
}

.ob-element-active-inverted-color-fill {
  fill: var(--element-active-inverted-color);
}

.ob-element-neutral-inverted-color-stroke {
  stroke: var(--element-neutral-inverted-color);
}

.ob-element-neutral-inverted-color-fill {
  fill: var(--element-neutral-inverted-color);
}

.ob-element-disabled-inverted-color-stroke {
  stroke: var(--element-disabled-inverted-color);
}

.ob-element-disabled-inverted-color-fill {
  fill: var(--element-disabled-inverted-color);
}

.ob-container-backdrop-color-stroke {
  stroke: var(--container-backdrop-color);
}

.ob-container-backdrop-color-fill {
  fill: var(--container-backdrop-color);
}

.ob-container-section-color-stroke {
  stroke: var(--container-section-color);
}

.ob-container-section-color-fill {
  fill: var(--container-section-color);
}

.ob-container-background-color-stroke {
  stroke: var(--container-background-color);
}

.ob-container-background-color-fill {
  fill: var(--container-background-color);
}

.ob-container-global-color-stroke {
  stroke: var(--container-global-color);
}

.ob-container-global-color-fill {
  fill: var(--container-global-color);
}

.ob-border-divider-color-stroke {
  stroke: var(--border-divider-color);
}

.ob-border-divider-color-fill {
  fill: var(--border-divider-color);
}

.ob-border-outline-color-stroke {
  stroke: var(--border-outline-color);
}

.ob-border-outline-color-fill {
  fill: var(--border-outline-color);
}

.ob-border-solid-color-stroke {
  stroke: var(--border-solid-color);
}

.ob-border-solid-color-fill {
  fill: var(--border-solid-color);
}

.ob-instrument-dynamic-color-stroke {
  stroke: var(--instrument-dynamic-color);
}

.ob-instrument-dynamic-color-fill {
  fill: var(--instrument-dynamic-color);
}

.ob-instrument-static-color-stroke {
  stroke: var(--instrument-static-color);
}

.ob-instrument-static-color-fill {
  fill: var(--instrument-static-color);
}

.ob-instrument-input-color-stroke {
  stroke: var(--instrument-input-color);
}

.ob-instrument-input-color-fill {
  fill: var(--instrument-input-color);
}

.ob-instrument-port-color-stroke {
  stroke: var(--instrument-port-color);
}

.ob-instrument-port-color-fill {
  fill: var(--instrument-port-color);
}

.ob-instrument-starboard-color-stroke {
  stroke: var(--instrument-starboard-color);
}

.ob-instrument-starboard-color-fill {
  fill: var(--instrument-starboard-color);
}

.ob-instrument-frame-color-stroke {
  stroke: var(--instrument-frame-color);
}

.ob-instrument-frame-color-fill {
  fill: var(--instrument-frame-color);
}

.ob-instrument-track-color-stroke {
  stroke: var(--instrument-track-color);
}

.ob-instrument-track-color-fill {
  fill: var(--instrument-track-color);
}

.ob-instrument-tick-mark-primary-color-stroke {
  stroke: var(--instrument-tick-mark-primary-color);
}

.ob-instrument-tick-mark-primary-color-fill {
  fill: var(--instrument-tick-mark-primary-color);
}

.ob-instrument-tick-mark-secondary-color-stroke {
  stroke: var(--instrument-tick-mark-secondary-color);
}

.ob-instrument-tick-mark-secondary-color-fill {
  fill: var(--instrument-tick-mark-secondary-color);
}

.ob-instrument-tick-mark-tertiary-color-stroke {
  stroke: var(--instrument-tick-mark-tertiary-color);
}

.ob-instrument-tick-mark-tertiary-color-fill {
  fill: var(--instrument-tick-mark-tertiary-color);
}

.ob-alert-running-color-stroke {
  stroke: var(--alert-running-color);
}

.ob-alert-running-color-fill {
  fill: var(--alert-running-color);
}

.ob-alert-caution-color-stroke {
  stroke: var(--alert-caution-color);
}

.ob-alert-caution-color-fill {
  fill: var(--alert-caution-color);
}

.ob-alert-warning-color-stroke {
  stroke: var(--alert-warning-color);
}

.ob-alert-warning-color-fill {
  fill: var(--alert-warning-color);
}

.ob-alert-alarm-color-stroke {
  stroke: var(--alert-alarm-color);
}

.ob-alert-alarm-color-fill {
  fill: var(--alert-alarm-color);
}

.ob-alert-critical-alarm-color-stroke {
  stroke: var(--alert-critical-alarm-color);
}

.ob-alert-critical-alarm-color-fill {
  fill: var(--alert-critical-alarm-color);
}

.ob-normal-enabled-background-color-stroke {
  stroke: var(--normal-enabled-background-color);
}

.ob-normal-enabled-background-color-fill {
  fill: var(--normal-enabled-background-color);
}

.ob-normal-enabled-border-color-stroke {
  stroke: var(--normal-enabled-border-color);
}

.ob-normal-enabled-border-color-fill {
  fill: var(--normal-enabled-border-color);
}

.ob-normal-hover-background-color-stroke {
  stroke: var(--normal-hover-background-color);
}

.ob-normal-hover-background-color-fill {
  fill: var(--normal-hover-background-color);
}

.ob-normal-hover-border-color-stroke {
  stroke: var(--normal-hover-border-color);
}

.ob-normal-hover-border-color-fill {
  fill: var(--normal-hover-border-color);
}

.ob-normal-pressed-background-color-stroke {
  stroke: var(--normal-pressed-background-color);
}

.ob-normal-pressed-background-color-fill {
  fill: var(--normal-pressed-background-color);
}

.ob-normal-pressed-border-color-stroke {
  stroke: var(--normal-pressed-border-color);
}

.ob-normal-pressed-border-color-fill {
  fill: var(--normal-pressed-border-color);
}

.ob-normal-focused-background-color-stroke {
  stroke: var(--normal-focused-background-color);
}

.ob-normal-focused-background-color-fill {
  fill: var(--normal-focused-background-color);
}

.ob-normal-focused-border-color-stroke {
  stroke: var(--normal-focused-border-color);
}

.ob-normal-focused-border-color-fill {
  fill: var(--normal-focused-border-color);
}

.ob-normal-disabled-background-color-stroke {
  stroke: var(--normal-disabled-background-color);
}

.ob-normal-disabled-background-color-fill {
  fill: var(--normal-disabled-background-color);
}

.ob-normal-disabled-border-color-stroke {
  stroke: var(--normal-disabled-border-color);
}

.ob-normal-disabled-border-color-fill {
  fill: var(--normal-disabled-border-color);
}

.ob-on-normal-active-color-stroke {
  stroke: var(--on-normal-active-color);
}

.ob-on-normal-active-color-fill {
  fill: var(--on-normal-active-color);
}

.ob-on-normal-neutral-color-stroke {
  stroke: var(--on-normal-neutral-color);
}

.ob-on-normal-neutral-color-fill {
  fill: var(--on-normal-neutral-color);
}

.ob-on-normal-disabled-color-stroke {
  stroke: var(--on-normal-disabled-color);
}

.ob-on-normal-disabled-color-fill {
  fill: var(--on-normal-disabled-color);
}

.ob-raised-enabled-background-color-stroke {
  stroke: var(--raised-enabled-background-color);
}

.ob-raised-enabled-background-color-fill {
  fill: var(--raised-enabled-background-color);
}

.ob-raised-enabled-border-color-stroke {
  stroke: var(--raised-enabled-border-color);
}

.ob-raised-enabled-border-color-fill {
  fill: var(--raised-enabled-border-color);
}

.ob-raised-hover-background-color-stroke {
  stroke: var(--raised-hover-background-color);
}

.ob-raised-hover-background-color-fill {
  fill: var(--raised-hover-background-color);
}

.ob-raised-hover-border-color-stroke {
  stroke: var(--raised-hover-border-color);
}

.ob-raised-hover-border-color-fill {
  fill: var(--raised-hover-border-color);
}

.ob-raised-pressed-background-color-stroke {
  stroke: var(--raised-pressed-background-color);
}

.ob-raised-pressed-background-color-fill {
  fill: var(--raised-pressed-background-color);
}

.ob-raised-pressed-border-color-stroke {
  stroke: var(--raised-pressed-border-color);
}

.ob-raised-pressed-border-color-fill {
  fill: var(--raised-pressed-border-color);
}

.ob-raised-focused-background-color-stroke {
  stroke: var(--raised-focused-background-color);
}

.ob-raised-focused-background-color-fill {
  fill: var(--raised-focused-background-color);
}

.ob-raised-focused-border-color-stroke {
  stroke: var(--raised-focused-border-color);
}

.ob-raised-focused-border-color-fill {
  fill: var(--raised-focused-border-color);
}

.ob-raised-disabled-background-color-stroke {
  stroke: var(--raised-disabled-background-color);
}

.ob-raised-disabled-background-color-fill {
  fill: var(--raised-disabled-background-color);
}

.ob-raised-disabled-border-color-stroke {
  stroke: var(--raised-disabled-border-color);
}

.ob-raised-disabled-border-color-fill {
  fill: var(--raised-disabled-border-color);
}

.ob-on-raised-active-color-stroke {
  stroke: var(--on-raised-active-color);
}

.ob-on-raised-active-color-fill {
  fill: var(--on-raised-active-color);
}

.ob-on-raised-neutral-color-stroke {
  stroke: var(--on-raised-neutral-color);
}

.ob-on-raised-neutral-color-fill {
  fill: var(--on-raised-neutral-color);
}

.ob-on-raised-disabled-color-stroke {
  stroke: var(--on-raised-disabled-color);
}

.ob-on-raised-disabled-color-fill {
  fill: var(--on-raised-disabled-color);
}

.ob-indent-enabled-background-color-stroke {
  stroke: var(--indent-enabled-background-color);
}

.ob-indent-enabled-background-color-fill {
  fill: var(--indent-enabled-background-color);
}

.ob-indent-enabled-border-color-stroke {
  stroke: var(--indent-enabled-border-color);
}

.ob-indent-enabled-border-color-fill {
  fill: var(--indent-enabled-border-color);
}

.ob-indent-hover-background-color-stroke {
  stroke: var(--indent-hover-background-color);
}

.ob-indent-hover-background-color-fill {
  fill: var(--indent-hover-background-color);
}

.ob-indent-hover-border-color-stroke {
  stroke: var(--indent-hover-border-color);
}

.ob-indent-hover-border-color-fill {
  fill: var(--indent-hover-border-color);
}

.ob-indent-pressed-background-color-stroke {
  stroke: var(--indent-pressed-background-color);
}

.ob-indent-pressed-background-color-fill {
  fill: var(--indent-pressed-background-color);
}

.ob-indent-pressed-border-color-stroke {
  stroke: var(--indent-pressed-border-color);
}

.ob-indent-pressed-border-color-fill {
  fill: var(--indent-pressed-border-color);
}

.ob-indent-focused-background-color-stroke {
  stroke: var(--indent-focused-background-color);
}

.ob-indent-focused-background-color-fill {
  fill: var(--indent-focused-background-color);
}

.ob-indent-focused-border-color-stroke {
  stroke: var(--indent-focused-border-color);
}

.ob-indent-focused-border-color-fill {
  fill: var(--indent-focused-border-color);
}

.ob-indent-disabled-background-color-stroke {
  stroke: var(--indent-disabled-background-color);
}

.ob-indent-disabled-background-color-fill {
  fill: var(--indent-disabled-background-color);
}

.ob-indent-disabled-border-color-stroke {
  stroke: var(--indent-disabled-border-color);
}

.ob-indent-disabled-border-color-fill {
  fill: var(--indent-disabled-border-color);
}

.ob-on-indent-active-color-stroke {
  stroke: var(--on-indent-active-color);
}

.ob-on-indent-active-color-fill {
  fill: var(--on-indent-active-color);
}

.ob-on-indent-neutral-color-stroke {
  stroke: var(--on-indent-neutral-color);
}

.ob-on-indent-neutral-color-fill {
  fill: var(--on-indent-neutral-color);
}

.ob-on-indent-disabled-color-stroke {
  stroke: var(--on-indent-disabled-color);
}

.ob-on-indent-disabled-color-fill {
  fill: var(--on-indent-disabled-color);
}

.ob-flat-enabled-background-color-stroke {
  stroke: var(--flat-enabled-background-color);
}

.ob-flat-enabled-background-color-fill {
  fill: var(--flat-enabled-background-color);
}

.ob-flat-enabled-border-color-stroke {
  stroke: var(--flat-enabled-border-color);
}

.ob-flat-enabled-border-color-fill {
  fill: var(--flat-enabled-border-color);
}

.ob-flat-hover-background-color-stroke {
  stroke: var(--flat-hover-background-color);
}

.ob-flat-hover-background-color-fill {
  fill: var(--flat-hover-background-color);
}

.ob-flat-hover-border-color-stroke {
  stroke: var(--flat-hover-border-color);
}

.ob-flat-hover-border-color-fill {
  fill: var(--flat-hover-border-color);
}

.ob-flat-pressed-background-color-stroke {
  stroke: var(--flat-pressed-background-color);
}

.ob-flat-pressed-background-color-fill {
  fill: var(--flat-pressed-background-color);
}

.ob-flat-pressed-border-color-stroke {
  stroke: var(--flat-pressed-border-color);
}

.ob-flat-pressed-border-color-fill {
  fill: var(--flat-pressed-border-color);
}

.ob-flat-focused-background-color-stroke {
  stroke: var(--flat-focused-background-color);
}

.ob-flat-focused-background-color-fill {
  fill: var(--flat-focused-background-color);
}

.ob-flat-focused-border-color-stroke {
  stroke: var(--flat-focused-border-color);
}

.ob-flat-focused-border-color-fill {
  fill: var(--flat-focused-border-color);
}

.ob-flat-disabled-background-color-stroke {
  stroke: var(--flat-disabled-background-color);
}

.ob-flat-disabled-background-color-fill {
  fill: var(--flat-disabled-background-color);
}

.ob-flat-disabled-border-color-stroke {
  stroke: var(--flat-disabled-border-color);
}

.ob-flat-disabled-border-color-fill {
  fill: var(--flat-disabled-border-color);
}

.ob-on-flat-active-color-stroke {
  stroke: var(--on-flat-active-color);
}

.ob-on-flat-active-color-fill {
  fill: var(--on-flat-active-color);
}

.ob-on-flat-neutral-color-stroke {
  stroke: var(--on-flat-neutral-color);
}

.ob-on-flat-neutral-color-fill {
  fill: var(--on-flat-neutral-color);
}

.ob-on-flat-disabled-color-stroke {
  stroke: var(--on-flat-disabled-color);
}

.ob-on-flat-disabled-color-fill {
  fill: var(--on-flat-disabled-color);
}

.ob-selected-enabled-background-color-stroke {
  stroke: var(--selected-enabled-background-color);
}

.ob-selected-enabled-background-color-fill {
  fill: var(--selected-enabled-background-color);
}

.ob-selected-enabled-border-color-stroke {
  stroke: var(--selected-enabled-border-color);
}

.ob-selected-enabled-border-color-fill {
  fill: var(--selected-enabled-border-color);
}

.ob-selected-hover-background-color-stroke {
  stroke: var(--selected-hover-background-color);
}

.ob-selected-hover-background-color-fill {
  fill: var(--selected-hover-background-color);
}

.ob-selected-hover-border-color-stroke {
  stroke: var(--selected-hover-border-color);
}

.ob-selected-hover-border-color-fill {
  fill: var(--selected-hover-border-color);
}

.ob-selected-pressed-background-color-stroke {
  stroke: var(--selected-pressed-background-color);
}

.ob-selected-pressed-background-color-fill {
  fill: var(--selected-pressed-background-color);
}

.ob-selected-pressed-border-color-stroke {
  stroke: var(--selected-pressed-border-color);
}

.ob-selected-pressed-border-color-fill {
  fill: var(--selected-pressed-border-color);
}

.ob-selected-focused-background-color-stroke {
  stroke: var(--selected-focused-background-color);
}

.ob-selected-focused-background-color-fill {
  fill: var(--selected-focused-background-color);
}

.ob-selected-focused-border-color-stroke {
  stroke: var(--selected-focused-border-color);
}

.ob-selected-focused-border-color-fill {
  fill: var(--selected-focused-border-color);
}

.ob-selected-disabled-background-color-stroke {
  stroke: var(--selected-disabled-background-color);
}

.ob-selected-disabled-background-color-fill {
  fill: var(--selected-disabled-background-color);
}

.ob-selected-disabled-border-color-stroke {
  stroke: var(--selected-disabled-border-color);
}

.ob-selected-disabled-border-color-fill {
  fill: var(--selected-disabled-border-color);
}

.ob-on-selected-active-color-stroke {
  stroke: var(--on-selected-active-color);
}

.ob-on-selected-active-color-fill {
  fill: var(--on-selected-active-color);
}

.ob-on-selected-neutral-color-stroke {
  stroke: var(--on-selected-neutral-color);
}

.ob-on-selected-neutral-color-fill {
  fill: var(--on-selected-neutral-color);
}

.ob-on-selected-disabled-color-stroke {
  stroke: var(--on-selected-disabled-color);
}

.ob-on-selected-disabled-color-fill {
  fill: var(--on-selected-disabled-color);
}

.ob-thumb-enabled-background-color-stroke {
  stroke: var(--thumb-enabled-background-color);
}

.ob-thumb-enabled-background-color-fill {
  fill: var(--thumb-enabled-background-color);
}

.ob-thumb-enabled-border-color-stroke {
  stroke: var(--thumb-enabled-border-color);
}

.ob-thumb-enabled-border-color-fill {
  fill: var(--thumb-enabled-border-color);
}

.ob-thumb-hover-background-color-stroke {
  stroke: var(--thumb-hover-background-color);
}

.ob-thumb-hover-background-color-fill {
  fill: var(--thumb-hover-background-color);
}

.ob-thumb-hover-border-color-stroke {
  stroke: var(--thumb-hover-border-color);
}

.ob-thumb-hover-border-color-fill {
  fill: var(--thumb-hover-border-color);
}

.ob-thumb-pressed-background-color-stroke {
  stroke: var(--thumb-pressed-background-color);
}

.ob-thumb-pressed-background-color-fill {
  fill: var(--thumb-pressed-background-color);
}

.ob-thumb-pressed-border-color-stroke {
  stroke: var(--thumb-pressed-border-color);
}

.ob-thumb-pressed-border-color-fill {
  fill: var(--thumb-pressed-border-color);
}

.ob-thumb-focused-background-color-stroke {
  stroke: var(--thumb-focused-background-color);
}

.ob-thumb-focused-background-color-fill {
  fill: var(--thumb-focused-background-color);
}

.ob-thumb-focused-border-color-stroke {
  stroke: var(--thumb-focused-border-color);
}

.ob-thumb-focused-border-color-fill {
  fill: var(--thumb-focused-border-color);
}

.ob-thumb-disabled-background-color-stroke {
  stroke: var(--thumb-disabled-background-color);
}

.ob-thumb-disabled-background-color-fill {
  fill: var(--thumb-disabled-background-color);
}

.ob-thumb-disabled-border-color-stroke {
  stroke: var(--thumb-disabled-border-color);
}

.ob-thumb-disabled-border-color-fill {
  fill: var(--thumb-disabled-border-color);
}

.ob-on-thumb-active-color-stroke {
  stroke: var(--on-thumb-active-color);
}

.ob-on-thumb-active-color-fill {
  fill: var(--on-thumb-active-color);
}

.ob-on-thumb-neutral-color-stroke {
  stroke: var(--on-thumb-neutral-color);
}

.ob-on-thumb-neutral-color-fill {
  fill: var(--on-thumb-neutral-color);
}

.ob-on-thumb-disabled-color-stroke {
  stroke: var(--on-thumb-disabled-color);
}

.ob-on-thumb-disabled-color-fill {
  fill: var(--on-thumb-disabled-color);
}

.ob-amplified-enabled-background-color-stroke {
  stroke: var(--amplified-enabled-background-color);
}

.ob-amplified-enabled-background-color-fill {
  fill: var(--amplified-enabled-background-color);
}

.ob-amplified-enabled-border-color-stroke {
  stroke: var(--amplified-enabled-border-color);
}

.ob-amplified-enabled-border-color-fill {
  fill: var(--amplified-enabled-border-color);
}

.ob-amplified-hover-background-color-stroke {
  stroke: var(--amplified-hover-background-color);
}

.ob-amplified-hover-background-color-fill {
  fill: var(--amplified-hover-background-color);
}

.ob-amplified-hover-border-color-stroke {
  stroke: var(--amplified-hover-border-color);
}

.ob-amplified-hover-border-color-fill {
  fill: var(--amplified-hover-border-color);
}

.ob-amplified-pressed-background-color-stroke {
  stroke: var(--amplified-pressed-background-color);
}

.ob-amplified-pressed-background-color-fill {
  fill: var(--amplified-pressed-background-color);
}

.ob-amplified-pressed-border-color-stroke {
  stroke: var(--amplified-pressed-border-color);
}

.ob-amplified-pressed-border-color-fill {
  fill: var(--amplified-pressed-border-color);
}

.ob-amplified-focused-background-color-stroke {
  stroke: var(--amplified-focused-background-color);
}

.ob-amplified-focused-background-color-fill {
  fill: var(--amplified-focused-background-color);
}

.ob-amplified-focused-border-color-stroke {
  stroke: var(--amplified-focused-border-color);
}

.ob-amplified-focused-border-color-fill {
  fill: var(--amplified-focused-border-color);
}

.ob-amplified-disabled-background-color-stroke {
  stroke: var(--amplified-disabled-background-color);
}

.ob-amplified-disabled-background-color-fill {
  fill: var(--amplified-disabled-background-color);
}

.ob-amplified-disabled-border-color-stroke {
  stroke: var(--amplified-disabled-border-color);
}

.ob-amplified-disabled-border-color-fill {
  fill: var(--amplified-disabled-border-color);
}

.ob-on-amplified-active-color-stroke {
  stroke: var(--on-amplified-active-color);
}

.ob-on-amplified-active-color-fill {
  fill: var(--on-amplified-active-color);
}

.ob-on-amplified-neutral-color-stroke {
  stroke: var(--on-amplified-neutral-color);
}

.ob-on-amplified-neutral-color-fill {
  fill: var(--on-amplified-neutral-color);
}

.ob-on-amplified-disabled-color-stroke {
  stroke: var(--on-amplified-disabled-color);
}

.ob-on-amplified-disabled-color-fill {
  fill: var(--on-amplified-disabled-color);
}

.ob-running-enabled-background-color-stroke {
  stroke: var(--running-enabled-background-color);
}

.ob-running-enabled-background-color-fill {
  fill: var(--running-enabled-background-color);
}

.ob-running-enabled-border-color-stroke {
  stroke: var(--running-enabled-border-color);
}

.ob-running-enabled-border-color-fill {
  fill: var(--running-enabled-border-color);
}

.ob-running-hover-background-color-stroke {
  stroke: var(--running-hover-background-color);
}

.ob-running-hover-background-color-fill {
  fill: var(--running-hover-background-color);
}

.ob-running-hover-border-color-stroke {
  stroke: var(--running-hover-border-color);
}

.ob-running-hover-border-color-fill {
  fill: var(--running-hover-border-color);
}

.ob-running-pressed-background-color-stroke {
  stroke: var(--running-pressed-background-color);
}

.ob-running-pressed-background-color-fill {
  fill: var(--running-pressed-background-color);
}

.ob-running-pressed-border-color-stroke {
  stroke: var(--running-pressed-border-color);
}

.ob-running-pressed-border-color-fill {
  fill: var(--running-pressed-border-color);
}

.ob-running-focused-background-color-stroke {
  stroke: var(--running-focused-background-color);
}

.ob-running-focused-background-color-fill {
  fill: var(--running-focused-background-color);
}

.ob-running-focused-border-color-stroke {
  stroke: var(--running-focused-border-color);
}

.ob-running-focused-border-color-fill {
  fill: var(--running-focused-border-color);
}

.ob-running-disabled-background-color-stroke {
  stroke: var(--running-disabled-background-color);
}

.ob-running-disabled-background-color-fill {
  fill: var(--running-disabled-background-color);
}

.ob-running-disabled-background-color-stroke {
  stroke: var(--running-disabled-background-color);
}

.ob-running-disabled-background-color-fill {
  fill: var(--running-disabled-background-color);
}

.ob-running-disabled-border-color-stroke {
  stroke: var(--running-disabled-border-color);
}

.ob-running-disabled-border-color-fill {
  fill: var(--running-disabled-border-color);
}

.ob-on-running-active-color-stroke {
  stroke: var(--on-running-active-color);
}

.ob-on-running-active-color-fill {
  fill: var(--on-running-active-color);
}

.ob-on-running-neutral-color-stroke {
  stroke: var(--on-running-neutral-color);
}

.ob-on-running-neutral-color-fill {
  fill: var(--on-running-neutral-color);
}

.ob-on-running-disabled-color-stroke {
  stroke: var(--on-running-disabled-color);
}

.ob-on-running-disabled-color-fill {
  fill: var(--on-running-disabled-color);
}

.ob-caution-enabled-background-color-stroke {
  stroke: var(--caution-enabled-background-color);
}

.ob-caution-enabled-background-color-fill {
  fill: var(--caution-enabled-background-color);
}

.ob-caution-enabled-border-color-stroke {
  stroke: var(--caution-enabled-border-color);
}

.ob-caution-enabled-border-color-fill {
  fill: var(--caution-enabled-border-color);
}

.ob-caution-hover-background-color-stroke {
  stroke: var(--caution-hover-background-color);
}

.ob-caution-hover-background-color-fill {
  fill: var(--caution-hover-background-color);
}

.ob-caution-hover-border-color-stroke {
  stroke: var(--caution-hover-border-color);
}

.ob-caution-hover-border-color-fill {
  fill: var(--caution-hover-border-color);
}

.ob-caution-pressed-background-color-stroke {
  stroke: var(--caution-pressed-background-color);
}

.ob-caution-pressed-background-color-fill {
  fill: var(--caution-pressed-background-color);
}

.ob-caution-pressed-border-color-stroke {
  stroke: var(--caution-pressed-border-color);
}

.ob-caution-pressed-border-color-fill {
  fill: var(--caution-pressed-border-color);
}

.ob-caution-focused-background-color-stroke {
  stroke: var(--caution-focused-background-color);
}

.ob-caution-focused-background-color-fill {
  fill: var(--caution-focused-background-color);
}

.ob-caution-focused-border-color-stroke {
  stroke: var(--caution-focused-border-color);
}

.ob-caution-focused-border-color-fill {
  fill: var(--caution-focused-border-color);
}

.ob-caution-disabled-background-color-stroke {
  stroke: var(--caution-disabled-background-color);
}

.ob-caution-disabled-background-color-fill {
  fill: var(--caution-disabled-background-color);
}

.ob-caution-disabled-border-color-stroke {
  stroke: var(--caution-disabled-border-color);
}

.ob-caution-disabled-border-color-fill {
  fill: var(--caution-disabled-border-color);
}

.ob-on-caution-active-color-stroke {
  stroke: var(--on-caution-active-color);
}

.ob-on-caution-active-color-fill {
  fill: var(--on-caution-active-color);
}

.ob-on-caution-neutral-color-stroke {
  stroke: var(--on-caution-neutral-color);
}

.ob-on-caution-neutral-color-fill {
  fill: var(--on-caution-neutral-color);
}

.ob-on-caution-disabled-color-stroke {
  stroke: var(--on-caution-disabled-color);
}

.ob-on-caution-disabled-color-fill {
  fill: var(--on-caution-disabled-color);
}

.ob-warning-enabled-background-color-stroke {
  stroke: var(--warning-enabled-background-color);
}

.ob-warning-enabled-background-color-fill {
  fill: var(--warning-enabled-background-color);
}

.ob-warning-enabled-border-color-stroke {
  stroke: var(--warning-enabled-border-color);
}

.ob-warning-enabled-border-color-fill {
  fill: var(--warning-enabled-border-color);
}

.ob-warning-hover-background-color-stroke {
  stroke: var(--warning-hover-background-color);
}

.ob-warning-hover-background-color-fill {
  fill: var(--warning-hover-background-color);
}

.ob-warning-hover-border-color-stroke {
  stroke: var(--warning-hover-border-color);
}

.ob-warning-hover-border-color-fill {
  fill: var(--warning-hover-border-color);
}

.ob-warning-pressed-background-color-stroke {
  stroke: var(--warning-pressed-background-color);
}

.ob-warning-pressed-background-color-fill {
  fill: var(--warning-pressed-background-color);
}

.ob-warning-pressed-border-color-stroke {
  stroke: var(--warning-pressed-border-color);
}

.ob-warning-pressed-border-color-fill {
  fill: var(--warning-pressed-border-color);
}

.ob-warning-focused-background-color-stroke {
  stroke: var(--warning-focused-background-color);
}

.ob-warning-focused-background-color-fill {
  fill: var(--warning-focused-background-color);
}

.ob-warning-focused-border-color-stroke {
  stroke: var(--warning-focused-border-color);
}

.ob-warning-focused-border-color-fill {
  fill: var(--warning-focused-border-color);
}

.ob-warning-disabled-background-color-stroke {
  stroke: var(--warning-disabled-background-color);
}

.ob-warning-disabled-background-color-fill {
  fill: var(--warning-disabled-background-color);
}

.ob-warning-disabled-border-color-stroke {
  stroke: var(--warning-disabled-border-color);
}

.ob-warning-disabled-border-color-fill {
  fill: var(--warning-disabled-border-color);
}

.ob-on-warning-active-color-stroke {
  stroke: var(--on-warning-active-color);
}

.ob-on-warning-active-color-fill {
  fill: var(--on-warning-active-color);
}

.ob-on-warning-neutral-color-stroke {
  stroke: var(--on-warning-neutral-color);
}

.ob-on-warning-neutral-color-fill {
  fill: var(--on-warning-neutral-color);
}

.ob-on-warning-disabled-color-stroke {
  stroke: var(--on-warning-disabled-color);
}

.ob-on-warning-disabled-color-fill {
  fill: var(--on-warning-disabled-color);
}

.ob-alarm-enabled-background-color-stroke {
  stroke: var(--alarm-enabled-background-color);
}

.ob-alarm-enabled-background-color-fill {
  fill: var(--alarm-enabled-background-color);
}

.ob-alarm-enabled-border-color-stroke {
  stroke: var(--alarm-enabled-border-color);
}

.ob-alarm-enabled-border-color-fill {
  fill: var(--alarm-enabled-border-color);
}

.ob-alarm-hover-background-color-stroke {
  stroke: var(--alarm-hover-background-color);
}

.ob-alarm-hover-background-color-fill {
  fill: var(--alarm-hover-background-color);
}

.ob-alarm-hover-border-color-stroke {
  stroke: var(--alarm-hover-border-color);
}

.ob-alarm-hover-border-color-fill {
  fill: var(--alarm-hover-border-color);
}

.ob-alarm-pressed-background-color-stroke {
  stroke: var(--alarm-pressed-background-color);
}

.ob-alarm-pressed-background-color-fill {
  fill: var(--alarm-pressed-background-color);
}

.ob-alarm-pressed-border-color-stroke {
  stroke: var(--alarm-pressed-border-color);
}

.ob-alarm-pressed-border-color-fill {
  fill: var(--alarm-pressed-border-color);
}

.ob-alarm-focused-background-color-stroke {
  stroke: var(--alarm-focused-background-color);
}

.ob-alarm-focused-background-color-fill {
  fill: var(--alarm-focused-background-color);
}

.ob-alarm-focused-border-color-stroke {
  stroke: var(--alarm-focused-border-color);
}

.ob-alarm-focused-border-color-fill {
  fill: var(--alarm-focused-border-color);
}

.ob-alarm-disabled-background-color-stroke {
  stroke: var(--alarm-disabled-background-color);
}

.ob-alarm-disabled-background-color-fill {
  fill: var(--alarm-disabled-background-color);
}

.ob-alarm-disabled-border-color-stroke {
  stroke: var(--alarm-disabled-border-color);
}

.ob-alarm-disabled-border-color-fill {
  fill: var(--alarm-disabled-border-color);
}

.ob-on-alarm-active-color-stroke {
  stroke: var(--on-alarm-active-color);
}

.ob-on-alarm-active-color-fill {
  fill: var(--on-alarm-active-color);
}

.ob-on-alarm-neutral-color-stroke {
  stroke: var(--on-alarm-neutral-color);
}

.ob-on-alarm-neutral-color-fill {
  fill: var(--on-alarm-neutral-color);
}

.ob-on-alarm-disabled-color-stroke {
  stroke: var(--on-alarm-disabled-color);
}

.ob-on-alarm-disabled-color-fill {
  fill: var(--on-alarm-disabled-color);
}

.ob-critical-alarm-enabled-background-color-stroke {
  stroke: var(--critical-alarm-enabled-background-color);
}

.ob-critical-alarm-enabled-background-color-fill {
  fill: var(--critical-alarm-enabled-background-color);
}

.ob-critical-alarm-enabled-border-color-stroke {
  stroke: var(--critical-alarm-enabled-border-color);
}

.ob-critical-alarm-enabled-border-color-fill {
  fill: var(--critical-alarm-enabled-border-color);
}

.ob-critical-alarm-hover-background-color-stroke {
  stroke: var(--critical-alarm-hover-background-color);
}

.ob-critical-alarm-hover-background-color-fill {
  fill: var(--critical-alarm-hover-background-color);
}

.ob-critical-alarm-hover-border-color-stroke {
  stroke: var(--critical-alarm-hover-border-color);
}

.ob-critical-alarm-hover-border-color-fill {
  fill: var(--critical-alarm-hover-border-color);
}

.ob-critical-alarm-pressed-background-color-stroke {
  stroke: var(--critical-alarm-pressed-background-color);
}

.ob-critical-alarm-pressed-background-color-fill {
  fill: var(--critical-alarm-pressed-background-color);
}

.ob-critical-alarm-pressed-border-color-stroke {
  stroke: var(--critical-alarm-pressed-border-color);
}

.ob-critical-alarm-pressed-border-color-fill {
  fill: var(--critical-alarm-pressed-border-color);
}

.ob-critical-alarm-focused-background-color-stroke {
  stroke: var(--critical-alarm-focused-background-color);
}

.ob-critical-alarm-focused-background-color-fill {
  fill: var(--critical-alarm-focused-background-color);
}

.ob-critical-alarm-focused-border-color-stroke {
  stroke: var(--critical-alarm-focused-border-color);
}

.ob-critical-alarm-focused-border-color-fill {
  fill: var(--critical-alarm-focused-border-color);
}

.ob-critical-alarm-disabled-background-color-stroke {
  stroke: var(--critical-alarm-disabled-background-color);
}

.ob-critical-alarm-disabled-background-color-fill {
  fill: var(--critical-alarm-disabled-background-color);
}

.ob-critical-alarm-disabled-border-color-stroke {
  stroke: var(--critical-alarm-disabled-border-color);
}

.ob-critical-alarm-disabled-border-color-fill {
  fill: var(--critical-alarm-disabled-border-color);
}

.ob-on-critical-alarm-active-color-stroke {
  stroke: var(--on-critical-alarm-active-color);
}

.ob-on-critical-alarm-active-color-fill {
  fill: var(--on-critical-alarm-active-color);
}

.ob-on-critical-alarm-neutral-color-stroke {
  stroke: var(--on-critical-alarm-neutral-color);
}

.ob-on-critical-alarm-neutral-color-fill {
  fill: var(--on-critical-alarm-neutral-color);
}

.ob-on-critical-alarm-disabled-color-stroke {
  stroke: var(--on-critical-alarm-disabled-color);
}

.ob-on-critical-alarm-disabled-color-fill {
  fill: var(--on-critical-alarm-disabled-color);
}

.ob-visually-hidden {
  position: absolute;
  width: 1px;
  /* stylelint-disable-line meowtec/no-px */
  height: 1px;
  /* stylelint-disable-line meowtec/no-px */
  padding: 0;
  margin: -1px;
  /* stylelint-disable-line meowtec/no-px */
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  /* stylelint-disable-line property-no-vendor-prefix */
  -moz-appearance: none;
  /* stylelint-disable-line property-no-vendor-prefix */
}

/** Use this function for unit testing
 *  Sets content to $tag, so that getCalculatedStyle can be used to assert the style with highest priority.
 */
html {
  font-size: 8px;
}

* {
  box-sizing: border-box;
}

.ob-app-btn {
  text-align: center;
}

.ob-app-btn.ob-large {
  width: 11rem;
}

.ob-app-btn.ob-large .ob-btn-icon {
  width: 9rem;
  height: 9rem;
}

.ob-app-btn.ob-normal {
  width: 5rem;
}

.ob-app-btn.ob-normal .ob-btn-icon {
  width: 5rem;
  height: 5rem;
}

.ob-app-btn .ob-btn-icon {
  background-color: var(--raised-enabled-background-color);
  border-color: var(--raised-enabled-border-color);
  border-style: solid;
  border-width: 0.125rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.ob-app-btn .ob-btn-icon:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--raised-hover-background-color);
  border-color: var(--raised-hover-border-color);
  border-width: 0.125rem;
}

.ob-app-btn .ob-btn-icon:focus {
  background-color: var(--raised-focused-background-color);
  z-index: 2;
  border-color: var(--raised-focused-border-color) !important;
}

.ob-app-btn .ob-btn-icon:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--raised-focused-border-color) solid;
  border-radius: 5.5rem;
}

.ob-app-btn .ob-btn-icon:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--raised-pressed-background-color);
  border-color: var(--raised-pressed-border-color);
  border-width: 0.125rem;
}

.ob-app-btn .ob-btn-icon:disabled, .ob-app-btn .ob-btn-icon.ob-disabled {
  background-color: var(--raised-disabled-background-color);
  border-color: var(--raised-disabled-border-color);
  border-width: 0.125rem;
}

.ob-app-btn .ob-btn-icon:hover:not(:disabled) {
  cursor: pointer;
}

.ob-app-btn .ob-label {
  font-size: var(--font-ui-label-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-label-weight);
  line-height: var(--font-ui-label-line-height);
  display: inline;
  width: 11rem;
  height: 3rem;
  text-align: center;
}

/**
  This file resets default behavior in browsers.
 */
:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

/* stylelint-disable-line meowtec/no-px */
.ob-visually-hidden {
  position: absolute;
  width: 1px;
  /* stylelint-disable-line meowtec/no-px */
  height: 1px;
  /* stylelint-disable-line meowtec/no-px */
  padding: 0;
  margin: -1px;
  /* stylelint-disable-line meowtec/no-px */
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  /* stylelint-disable-line property-no-vendor-prefix */
  -moz-appearance: none;
  /* stylelint-disable-line property-no-vendor-prefix */
}

/** Use this function for unit testing
 *  Sets content to $tag, so that getCalculatedStyle can be used to assert the style with highest priority.
 */
.ob-button {
  font-size: var(--font-ui-button-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-button-weight);
  line-height: var(--font-ui-button-line-height);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 12rem;
  height: 5rem;
  padding: 0 1.875rem;
  text-align: center;
  vertical-align: middle;
  border-radius: 0.75rem;
}

.ob-button:hover:not(:disabled) {
  cursor: pointer;
}

.ob-button .ob-button__icon {
  font-size: var(--font-ui-label-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-label-weight);
  line-height: var(--font-ui-label-line-height);
  margin-left: -1rem;
  margin-right: 1rem;
}

.ob-button.ob-button--normal {
  color: var(--on-normal-active-color);
  background-color: var(--normal-enabled-background-color);
  border-color: var(--normal-enabled-border-color);
  border-style: solid;
  border-width: 0.125rem;
}

.ob-button.ob-button--normal:disabled, .ob-button.ob-button--normal.ob-disabled, :disabled .ob-button.ob-button--normal, .ob-disabled .ob-button.ob-button--normal {
  color: var(--on-normal-disabled-color);
}

.ob-button.ob-button--normal:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--normal-hover-background-color);
  border-color: var(--normal-hover-border-color);
  border-width: 0.125rem;
}

.ob-button.ob-button--normal:focus {
  background-color: var(--normal-focused-background-color);
  z-index: 2;
  border-color: var(--normal-focused-border-color) !important;
}

.ob-button.ob-button--normal:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--normal-focused-border-color) solid;
  border-radius: 1.25rem;
}

.ob-button.ob-button--normal:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--normal-pressed-background-color);
  border-color: var(--normal-pressed-border-color);
  border-width: 0.125rem;
}

.ob-button.ob-button--normal:disabled, .ob-button.ob-button--normal.ob-disabled {
  background-color: var(--normal-disabled-background-color);
  border-color: var(--normal-disabled-border-color);
  border-width: 0.125rem;
}

.ob-button.ob-button--normal .ob-button__icon {
  color: var(--on-normal-neutral-color);
}

.ob-button.ob-button--normal .ob-button__icon:disabled, .ob-button.ob-button--normal .ob-button__icon.ob-disabled, :disabled .ob-button.ob-button--normal .ob-button__icon, .ob-disabled .ob-button.ob-button--normal .ob-button__icon {
  color: var(--on-normal-disabled-color);
}

.ob-button.ob-button--raised {
  color: var(--on-raised-active-color);
  background-color: var(--raised-enabled-background-color);
  border-color: var(--raised-enabled-border-color);
  border-style: solid;
  border-width: 0.125rem;
}

.ob-button.ob-button--raised:disabled, .ob-button.ob-button--raised.ob-disabled, :disabled .ob-button.ob-button--raised, .ob-disabled .ob-button.ob-button--raised {
  color: var(--on-raised-disabled-color);
}

.ob-button.ob-button--raised:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--raised-hover-background-color);
  border-color: var(--raised-hover-border-color);
  border-width: 0.125rem;
}

.ob-button.ob-button--raised:focus {
  background-color: var(--raised-focused-background-color);
  z-index: 2;
  border-color: var(--raised-focused-border-color) !important;
}

.ob-button.ob-button--raised:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--raised-focused-border-color) solid;
  border-radius: 1.25rem;
}

.ob-button.ob-button--raised:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--raised-pressed-background-color);
  border-color: var(--raised-pressed-border-color);
  border-width: 0.125rem;
}

.ob-button.ob-button--raised:disabled, .ob-button.ob-button--raised.ob-disabled {
  background-color: var(--raised-disabled-background-color);
  border-color: var(--raised-disabled-border-color);
  border-width: 0.125rem;
}

.ob-button.ob-button--raised .ob-button__icon {
  color: var(--on-raised-neutral-color);
}

.ob-button.ob-button--raised .ob-button__icon:disabled, .ob-button.ob-button--raised .ob-button__icon.ob-disabled, :disabled .ob-button.ob-button--raised .ob-button__icon, .ob-disabled .ob-button.ob-button--raised .ob-button__icon {
  color: var(--on-raised-disabled-color);
}

.ob-button .ob-icon {
  display: flex;
  align-items: center;
  height: 100%;
}

.ob-button-group {
  display: inline-flex;
  height: 5rem;
  background-color: var(--container-backdrop-color);
  border-color: var(--indent-enabled-border-color);
  border-width: 0.125rem;
  border-radius: 5rem;
}

.ob-button-group__item {
  position: relative;
  display: inline-flex;
  height: 5rem;
}

.ob-button-group__item > .ob-text-under {
  font-size: var(--font-ui-label-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-label-weight);
  line-height: var(--font-ui-label-line-height);
  color: var(--on-flat-neutral-color);
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(5.5rem);
}

.ob-button-group__item > .ob-text-under:disabled, .ob-button-group__item > .ob-text-under.ob-disabled, :disabled .ob-button-group__item > .ob-text-under, .ob-disabled .ob-button-group__item > .ob-text-under {
  color: var(--on-flat-disabled-color);
}

.ob-button-group__item--selected > .ob-text-under {
  font-size: var(--font-ui-label-active-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-label-active-weight);
  line-height: var(--font-ui-label-active-line-height);
  color: var(--on-flat-active-color);
}

.ob-button-group__item--selected > .ob-text-under:disabled, .ob-button-group__item--selected > .ob-text-under.ob-disabled, :disabled .ob-button-group__item--selected > .ob-text-under, .ob-disabled .ob-button-group__item--selected > .ob-text-under {
  color: var(--on-flat-disabled-color);
}

.ob-button-group__button {
  border-radius: 5rem;
  background-color: var(--flat-enabled-background-color);
  border-style: solid;
  border-width: 0;
  color: var(--on-flat-neutral-color);
}

.ob-button-group__button:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--flat-hover-background-color);
  border-width: 0;
}

.ob-button-group__button:focus {
  background-color: var(--flat-focused-background-color);
  z-index: 2;
  border-color: var(--flat-focused-border-color) !important;
}

.ob-button-group__button:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--flat-focused-border-color) solid;
  border-radius: 3.5rem;
}

.ob-button-group__button:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--flat-pressed-background-color);
  border-width: 0;
}

.ob-button-group__button:disabled, .ob-button-group__button.ob-disabled {
  background-color: var(--flat-disabled-background-color);
  border-width: 0;
}

.ob-button-group__button:disabled, .ob-button-group__button.ob-disabled, :disabled .ob-button-group__button, .ob-disabled .ob-button-group__button {
  color: var(--on-flat-disabled-color);
}

.ob-button-group__item--selected > .ob-button-group__button {
  background-color: var(--normal-enabled-background-color);
  border-color: var(--normal-enabled-border-color);
  border-style: solid;
  border-width: 0.125rem;
  color: var(--on-normal-active-color);
}

.ob-button-group__item--selected > .ob-button-group__button:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--normal-hover-background-color);
  border-color: var(--normal-hover-border-color);
  border-width: 0.125rem;
}

.ob-button-group__item--selected > .ob-button-group__button:focus {
  background-color: var(--normal-focused-background-color);
  z-index: 2;
  border-color: var(--normal-focused-border-color) !important;
}

.ob-button-group__item--selected > .ob-button-group__button:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--normal-focused-border-color) solid;
  border-radius: 3.5rem;
}

.ob-button-group__item--selected > .ob-button-group__button:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--normal-pressed-background-color);
  border-color: var(--normal-pressed-border-color);
  border-width: 0.125rem;
}

.ob-button-group__item--selected > .ob-button-group__button:disabled, .ob-button-group__item--selected > .ob-button-group__button.ob-disabled {
  background-color: var(--normal-disabled-background-color);
  border-color: var(--normal-disabled-border-color);
  border-width: 0.125rem;
}

.ob-button-group__item--selected > .ob-button-group__button:disabled, .ob-button-group__item--selected > .ob-button-group__button.ob-disabled, :disabled .ob-button-group__item--selected > .ob-button-group__button, .ob-disabled .ob-button-group__item--selected > .ob-button-group__button {
  color: var(--on-normal-disabled-color);
}

.ob-icon.ob-normal {
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
}

.ob-icon.ob-large {
  width: 5rem;
  height: 5rem;
  font-size: 5rem;
}

.ob-nav-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 7rem;
  background-color: var(--container-global-color);
  border-bottom: solid var(--border-outline-color) 0.25rem;
}

.ob-nav-top-bar .ob-menu-container {
  display: flex;
  align-items: center;
  height: 100%;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item {
  height: 100%;
  padding: 0 2rem;
  font-size: var(--font-ui-body-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-body-weight);
  line-height: var(--font-ui-body-line-height);
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item > * {
  margin: 0 1rem;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item > *:first-child {
  margin-left: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item > *:last-child {
  margin-right: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active {
  font-size: var(--font-ui-body-active-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-body-active-weight);
  line-height: var(--font-ui-body-active-line-height);
  background-color: var(--selected-enabled-background-color);
  border-style: solid;
  border-width: 0;
  color: var(--on-selected-active-color);
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--selected-hover-background-color);
  border-color: var(--selected-hover-border-color);
  border-width: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active:focus {
  background-color: var(--selected-focused-background-color);
  z-index: 2;
  border-color: var(--selected-focused-border-color) !important;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--selected-focused-border-color) solid;
  border-radius: 1.25rem;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--selected-pressed-background-color);
  border-color: var(--selected-pressed-border-color);
  border-width: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active:disabled, .ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active.ob-disabled {
  background-color: var(--selected-disabled-background-color);
  border-color: var(--selected-disabled-border-color);
  border-width: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active:disabled, .ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active.ob-disabled, :disabled .ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active, .ob-disabled .ob-nav-top-bar .ob-menu-container .ob-nav-item.ob-active {
  color: var(--on-selected-disabled-color);
}

.ob-nav-top-bar .ob-menu-container .ob-nav-btn {
  background-color: var(--flat-enabled-background-color);
  border-style: solid;
  border-width: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-btn:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--flat-hover-background-color);
  border-width: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-btn:focus {
  background-color: var(--flat-focused-background-color);
  z-index: 2;
  border-color: var(--flat-focused-border-color) !important;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-btn:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--flat-focused-border-color) solid;
  border-radius: 1.25rem;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-btn:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--flat-pressed-background-color);
  border-width: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-nav-btn:disabled, .ob-nav-top-bar .ob-menu-container .ob-nav-btn.ob-disabled {
  background-color: var(--flat-disabled-background-color);
  border-width: 0;
}

.ob-nav-top-bar .ob-menu-container .ob-divider {
  width: 0.125rem;
  height: 4rem;
  background-color: var(--border-divider-color);
}

.ob-nav-top-bar .ob-menu-container .ob-title {
  font-size: var(--font-ui-title-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-title-weight);
  line-height: var(--font-ui-title-line-height);
  margin-left: 2rem;
}

.ob-nav-top-bar .ob-menu-container .ob-sub-title {
  font-size: var(--font-ui-subtitle-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-subtitle-weight);
  line-height: var(--font-ui-subtitle-line-height);
  margin-left: 2rem;
}

.ob-nav-menu {
  font-size: var(--font-ui-body-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-body-weight);
  line-height: var(--font-ui-body-line-height);
  position: absolute;
  top: 6.75rem;
  bottom: 0;
  left: 0;
  display: none;
  width: 40rem;
  background-color: var(--container-global-color);
  border-top: var(--border-outline-color) solid 0.25rem;
}

.ob-nav-menu.ob-active {
  display: block;
}

.ob-nav-menu .ob-nav-item {
  font-size: var(--font-ui-body-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-body-weight);
  line-height: var(--font-ui-body-line-height);
  background-color: var(--flat-enabled-background-color);
  border-style: solid;
  border-width: 0;
  color: var(--on-flat-neutral-color);
  position: relative;
  display: flex;
  align-items: center;
  height: 7rem;
  padding: 0 3rem;
  cursor: pointer;
}

.ob-nav-menu .ob-nav-item:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--flat-hover-background-color);
  border-width: 0;
}

.ob-nav-menu .ob-nav-item:focus {
  background-color: var(--flat-focused-background-color);
  z-index: 2;
  border-color: var(--flat-focused-border-color) !important;
}

.ob-nav-menu .ob-nav-item:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--flat-focused-border-color) solid;
  border-radius: 1.25rem;
}

.ob-nav-menu .ob-nav-item:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--flat-pressed-background-color);
  border-width: 0;
}

.ob-nav-menu .ob-nav-item:disabled, .ob-nav-menu .ob-nav-item.ob-disabled {
  background-color: var(--flat-disabled-background-color);
  border-width: 0;
}

.ob-nav-menu .ob-nav-item:disabled, .ob-nav-menu .ob-nav-item.ob-disabled, :disabled .ob-nav-menu .ob-nav-item, .ob-disabled .ob-nav-menu .ob-nav-item {
  color: var(--on-flat-disabled-color);
}

.ob-nav-menu .ob-nav-item .ob-nav-expand-icon {
  position: absolute;
  right: 3rem;
}

.ob-nav-menu .ob-nav-item .ob-label {
  position: absolute;
  left: 8rem;
}

.ob-nav-menu .ob-nav-item.ob-active {
  font-size: var(--font-ui-body-active-size);
  font-family: "Open Sans", sans-serif;
  font-weight: var(--font-ui-body-active-weight);
  line-height: var(--font-ui-body-active-line-height);
  background-color: var(--selected-enabled-background-color);
  border-style: solid;
  border-width: 0;
  color: var(--on-selected-active-color);
}

.ob-nav-menu .ob-nav-item.ob-active:hover:not(:disabled):not(.ob-disabled) {
  z-index: 1;
  background-color: var(--selected-hover-background-color);
  border-color: var(--selected-hover-border-color);
  border-width: 0;
}

.ob-nav-menu .ob-nav-item.ob-active:focus {
  background-color: var(--selected-focused-background-color);
  z-index: 2;
  border-color: var(--selected-focused-border-color) !important;
}

.ob-nav-menu .ob-nav-item.ob-active:focus::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(100% - .00001px);
  height: calc(100% - .00001px);
  margin: -0.5rem;
  content: "";
  border: 0.5rem var(--selected-focused-border-color) solid;
  border-radius: 1.25rem;
}

.ob-nav-menu .ob-nav-item.ob-active:active:not(:disabled):not(.ob-disabled) {
  background-color: var(--selected-pressed-background-color);
  border-color: var(--selected-pressed-border-color);
  border-width: 0;
}

.ob-nav-menu .ob-nav-item.ob-active:disabled, .ob-nav-menu .ob-nav-item.ob-active.ob-disabled {
  background-color: var(--selected-disabled-background-color);
  border-color: var(--selected-disabled-border-color);
  border-width: 0;
}

.ob-nav-menu .ob-nav-item.ob-active:disabled, .ob-nav-menu .ob-nav-item.ob-active.ob-disabled, :disabled .ob-nav-menu .ob-nav-item.ob-active, .ob-disabled .ob-nav-menu .ob-nav-item.ob-active {
  color: var(--on-selected-disabled-color);
}

.ob-nav-menu .ob-nav-item::after {
  position: absolute;
  right: 3rem;
  bottom: 0;
  left: 3rem;
  height: 0;
  content: "";
  border-bottom: 0.125rem solid var(--border-outline-color);
}

.ob-nav-menu .ob-expandable > .ob-expanded.ob-nav-item {
  border-bottom: none;
}

.ob-nav-menu .ob-expandable > .ob-expanded > .ob-nav-expand-icon {
  transform: rotate(90deg);
}

.ob-nav-menu .ob-nav-sub-item-container .ob-nav-item {
  padding-left: 8rem;
}

.ob-nav-menu .ob-nav-sub-item-container .ob-nav-item .ob-label {
  position: absolute;
  left: 13rem;
}

.ob-nav-menu .ob-nav-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--container-section-color);
  border-top: 0.25rem solid var(--border-outline-color);
}

.ob-nav-menu .ob-nav-footer .ob-nav-footer-logo {
  max-width: 70%;
  max-height: 100%;
}

.ob-nav-menu .ob-nav-footer-logo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 12rem;
  margin: 0 3rem;
}

.ob-number-tag-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 4rem;
}

.ob-number-tag-container.ob-warning {
  background-color: var(--alert-warning-color);
}

.ob-global-surface {
  margin: 0;
  background-color: var(--container-background-color);
}

:root[theme=bright] {
  --element-active-color: rgb(0, 0, 0);
  --element-neutral-color: rgba(0, 0, 0, .600);
  --element-disabled-color: rgba(0, 0, 0, .300);
  --element-active-inverted-color: rgb(255, 255, 255);
  --element-neutral-inverted-color: rgba(255, 255, 255, .600);
  --element-disabled-inverted-color: rgba(255, 255, 255, .300);
  --container-backdrop-color: rgb(255, 255, 255);
  --container-section-color: rgb(240, 240, 240);
  --container-background-color: rgb(255, 255, 255);
  --container-global-color: rgb(255, 255, 255);
  --border-divider-color: rgba(0, 0, 0, .200);
  --border-outline-color: rgba(0, 0, 0, .200);
  --border-solid-color: rgb(0, 0, 0);
  --instrument-dynamic-color: rgb(0, 0, 255);
  --instrument-static-color: rgb(0, 0, 0);
  --instrument-input-color: rgb(255, 197, 0);
  --instrument-port-color: rgb(255, 0, 94);
  --instrument-starboard-color: rgb(0, 187, 120);
  --instrument-frame-color: rgb(255, 255, 255);
  --instrument-track-color: rgb(217, 217, 217);
  --instrument-tick-mark-primary-color: rgb(0, 0, 0);
  --instrument-tick-mark-secondary-color: rgb(102, 102, 102);
  --instrument-tick-mark-tertiary-color: rgb(204, 204, 204);
  --alert-running-color: rgb(0, 200, 0);
  --alert-caution-color: rgb(255, 213, 0);
  --alert-warning-color: rgb(255, 138, 0);
  --alert-alarm-color: rgb(255, 40, 0);
  --alert-critical-alarm-color: rgb(254, 0, 255);
  --normal-enabled-background-color: rgb(255, 255, 255);
  --normal-enabled-border-color: rgba(0, 0, 0, .600);
  --normal-hover-background-color: rgb(204, 204, 204);
  --normal-hover-border-color: rgba(0, 0, 0, .600);
  --normal-pressed-background-color: rgb(153, 153, 153);
  --normal-pressed-border-color: rgba(0, 0, 0, .600);
  --normal-focused-background-color: rgb(255, 255, 255);
  --normal-focused-border-color: rgb(255, 197, 0);
  --normal-disabled-background-color: rgba(255, 255, 255, .00);
  --normal-disabled-border-color: rgba(0, 0, 0, .200);
  --on-normal-active-color: rgb(0, 0, 0);
  --on-normal-neutral-color: rgba(0, 0, 0, .600);
  --on-normal-disabled-color: rgba(0, 0, 0, .200);
  --raised-enabled-background-color: rgba(0, 0, 0, .600);
  --raised-enabled-border-color: rgba(0, 0, 0, .100);
  --raised-hover-background-color: rgba(0, 0, 0, .700);
  --raised-hover-border-color: rgba(0, 0, 0, .100);
  --raised-pressed-background-color: rgba(0, 0, 0, .800);
  --raised-pressed-border-color: rgba(0, 0, 0, .400);
  --raised-focused-background-color: rgba(0, 0, 0, .600);
  --raised-focused-border-color: rgb(255, 197, 0);
  --raised-disabled-background-color: rgba(0, 0, 0, .00);
  --raised-disabled-border-color: rgba(0, 0, 0, .200);
  --on-raised-active-color: rgb(255, 255, 255);
  --on-raised-neutral-color: rgba(255, 255, 255, .700);
  --on-raised-disabled-color: rgba(0, 0, 0, .200);
  --indent-enabled-background-color: rgba(0, 0, 0, .050);
  --indent-enabled-border-color: rgba(0, 0, 0, .300);
  --indent-hover-background-color: rgba(0, 0, 0, .200);
  --indent-hover-border-color: rgba(0, 0, 0, .300);
  --indent-pressed-background-color: rgba(0, 0, 0, .300);
  --indent-pressed-border-color: rgba(0, 0, 0, .300);
  --indent-focused-background-color: rgba(0, 0, 0, .050);
  --indent-focused-border-color: rgb(255, 197, 0);
  --indent-disabled-background-color: rgba(0, 0, 0, .00);
  --indent-disabled-border-color: rgba(0, 0, 0, .200);
  --on-indent-active-color: rgb(0, 0, 0);
  --on-indent-neutral-color: rgba(0, 0, 0, .600);
  --on-indent-disabled-color: rgba(0, 0, 0, .200);
  --flat-enabled-background-color: rgba(0, 0, 0, .00);
  --flat-enabled-border-color: rgba(0, 0, 0, .00);
  --flat-hover-background-color: rgba(0, 0, 0, .200);
  --flat-hover-border-color: rgba(0, 0, 0, .00);
  --flat-pressed-background-color: rgba(0, 0, 0, .400);
  --flat-pressed-border-color: rgba(0, 0, 0, .00);
  --flat-focused-background-color: rgba(0, 0, 0, .00);
  --flat-focused-border-color: rgb(255, 197, 0);
  --flat-disabled-background-color: rgba(0, 0, 0, .00);
  --flat-disabled-border-color: rgba(0, 0, 0, .00);
  --on-flat-active-color: rgb(0, 0, 0);
  --on-flat-neutral-color: rgba(0, 0, 0, .600);
  --on-flat-disabled-color: rgba(0, 0, 0, .200);
  --selected-enabled-background-color: rgb(0, 0, 0);
  --selected-enabled-border-color: rgba(0, 0, 0, .00);
  --selected-hover-background-color: rgb(77, 77, 77);
  --selected-hover-border-color: rgba(0, 0, 0, .00);
  --selected-pressed-background-color: rgb(127, 127, 127);
  --selected-pressed-border-color: rgba(0, 0, 0, .00);
  --selected-focused-background-color: rgb(0, 0, 0);
  --selected-focused-border-color: rgb(255, 197, 0);
  --selected-disabled-background-color: rgba(0, 0, 0, .200);
  --selected-disabled-border-color: rgba(0, 0, 0, .00);
  --on-selected-active-color: rgb(255, 255, 255);
  --on-selected-neutral-color: rgba(255, 255, 255, .700);
  --on-selected-disabled-color: rgba(0, 0, 0, .200);
  --thumb-enabled-background-color: rgb(255, 255, 255);
  --thumb-enabled-border-color: rgba(0, 0, 0, .600);
  --thumb-hover-background-color: rgb(204, 204, 204);
  --thumb-hover-border-color: rgba(0, 0, 0, .600);
  --thumb-pressed-background-color: rgb(153, 153, 153);
  --thumb-pressed-border-color: rgba(0, 0, 0, .600);
  --thumb-focused-background-color: rgb(255, 255, 255);
  --thumb-focused-border-color: rgb(255, 197, 0);
  --thumb-disabled-background-color: rgba(0, 0, 0, .200);
  --thumb-disabled-border-color: rgba(0, 0, 0, .00);
  --on-thumb-active-color: rgb(0, 0, 0);
  --on-thumb-neutral-color: rgba(0, 0, 0, .600);
  --on-thumb-disabled-color: rgba(0, 0, 0, .200);
  --amplified-enabled-background-color: rgb(255, 255, 255);
  --amplified-enabled-border-color: rgb(0, 0, 0);
  --amplified-hover-background-color: rgb(204, 204, 204);
  --amplified-hover-border-color: rgb(0, 0, 0);
  --amplified-pressed-background-color: rgb(153, 153, 153);
  --amplified-pressed-border-color: rgb(0, 0, 0);
  --amplified-focused-background-color: rgb(255, 255, 255);
  --amplified-focused-border-color: rgb(255, 197, 0);
  --amplified-disabled-background-color: rgba(0, 0, 0, .200);
  --amplified-disabled-border-color: rgba(0, 0, 0, .00);
  --on-amplified-active-color: rgb(0, 0, 0);
  --on-amplified-neutral-color: rgba(0, 0, 0, .600);
  --on-amplified-disabled-color: rgba(0, 0, 0, .200);
  --running-enabled-background-color: rgb(0, 204, 0);
  --running-enabled-border-color: rgba(0, 0, 0, .100);
  --running-hover-background-color: rgb(0, 153, 0);
  --running-hover-border-color: rgba(0, 0, 0, .100);
  --running-pressed-background-color: rgb(0, 102, 0);
  --running-pressed-border-color: rgba(0, 0, 0, .300);
  --running-focused-background-color: rgb(0, 204, 0);
  --running-focused-border-color: rgb(0, 0, 0);
  --running-disabled-background-color: rgb(0, 204, 0);
  --running-disabled-background-color: rgb(0, 204, 0);
  --running-disabled-border-color: rgba(0, 0, 0, .00);
  --on-running-active-color: rgb(0, 0, 0);
  --on-running-neutral-color: rgba(0, 0, 0, .600);
  --on-running-disabled-color: rgba(0, 0, 0, .200);
  --caution-enabled-background-color: rgb(255, 213, 0);
  --caution-enabled-border-color: rgba(0, 0, 0, .100);
  --caution-hover-background-color: rgb(204, 170, 0);
  --caution-hover-border-color: rgba(0, 0, 0, .100);
  --caution-pressed-background-color: rgb(153, 128, 0);
  --caution-pressed-border-color: rgba(0, 0, 0, .300);
  --caution-focused-background-color: rgb(255, 213, 0);
  --caution-focused-border-color: rgb(0, 0, 0);
  --caution-disabled-background-color: rgb(255, 213, 0);
  --caution-disabled-border-color: rgba(0, 0, 0, .00);
  --on-caution-active-color: rgb(0, 0, 0);
  --on-caution-neutral-color: rgba(0, 0, 0, .600);
  --on-caution-disabled-color: rgba(0, 0, 0, .200);
  --warning-enabled-background-color: rgb(255, 160, 0);
  --warning-enabled-border-color: rgba(0, 0, 0, .100);
  --warning-hover-background-color: rgb(204, 128, 0);
  --warning-hover-border-color: rgba(0, 0, 0, .100);
  --warning-pressed-background-color: rgb(153, 96, 0);
  --warning-pressed-border-color: rgba(0, 0, 0, .300);
  --warning-focused-background-color: rgb(255, 160, 0);
  --warning-focused-border-color: rgb(0, 0, 0);
  --warning-disabled-background-color: rgb(255, 160, 0);
  --warning-disabled-border-color: rgba(0, 0, 0, .00);
  --on-warning-active-color: rgb(0, 0, 0);
  --on-warning-neutral-color: rgba(0, 0, 0, .600);
  --on-warning-disabled-color: rgba(0, 0, 0, .200);
  --alarm-enabled-background-color: rgb(255, 40, 0);
  --alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --alarm-hover-background-color: rgb(204, 32, 0);
  --alarm-hover-border-color: rgba(0, 0, 0, .100);
  --alarm-pressed-background-color: rgb(153, 24, 0);
  --alarm-pressed-border-color: rgba(0, 0, 0, .300);
  --alarm-focused-background-color: rgb(255, 40, 0);
  --alarm-focused-border-color: rgb(0, 0, 0);
  --alarm-disabled-background-color: rgb(255, 40, 0);
  --alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-alarm-active-color: rgb(0, 0, 0);
  --on-alarm-neutral-color: rgba(0, 0, 0, .600);
  --on-alarm-disabled-color: rgba(0, 0, 0, .200);
  --critical-alarm-enabled-background-color: rgb(254, 0, 255);
  --critical-alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --critical-alarm-hover-background-color: rgb(203, 0, 204);
  --critical-alarm-hover-border-color: rgba(0, 0, 0, .100);
  --critical-alarm-pressed-background-color: rgb(152, 0, 153);
  --critical-alarm-pressed-border-color: rgba(0, 0, 0, .300);
  --critical-alarm-focused-background-color: rgb(254, 0, 255);
  --critical-alarm-focused-border-color: rgb(0, 0, 0);
  --critical-alarm-disabled-background-color: rgb(254, 0, 255);
  --critical-alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-critical-alarm-active-color: rgb(0, 0, 0);
  --on-critical-alarm-neutral-color: rgba(0, 0, 0, .600);
  --on-critical-alarm-disabled-color: rgba(0, 0, 0, .200);
  --font-ui-title-size: 24px;
  --font-ui-title-weight: bold;
  --font-ui-title-line-height: 32px;
  --font-ui-subtitle-size: 24px;
  --font-ui-subtitle-weight: regular;
  --font-ui-subtitle-line-height: 32px;
  --font-ui-overline-size: 12px;
  --font-ui-overline-weight: semibold;
  --font-ui-overline-line-height: 24px;
  --font-ui-button-size: 16px;
  --font-ui-button-weight: semibold;
  --font-ui-button-line-height: 24px;
  --font-ui-body-active-size: 16px;
  --font-ui-body-active-weight: bold;
  --font-ui-body-active-line-height: 24px;
  --font-ui-body-size: 16px;
  --font-ui-body-weight: regular;
  --font-ui-body-line-height: 24px;
  --font-ui-label-active-size: 12px;
  --font-ui-label-active-weight: bold;
  --font-ui-label-active-line-height: 24px;
  --font-ui-label-size: 12px;
  --font-ui-label-weight: regular;
  --font-ui-label-line-height: 24px;
  --font-instrument-label-s-size: 16px;
  --font-instrument-label-s-weight: regular;
  --font-instrument-label-s-line-height: undefinedpx;
  --font-instrument-label-m-size: 24px;
  --font-instrument-label-m-weight: regular;
  --font-instrument-label-m-line-height: 42px;
  --font-instrument-label-l-size: 32px;
  --font-instrument-label-l-weight: regular;
  --font-instrument-label-l-line-height: 64px;
  --font-instrument-value-s-size: 16px;
  --font-instrument-value-s-weight: semibold;
  --font-instrument-value-s-line-height: undefinedpx;
  --font-instrument-value-s-enhanced-size: 24px;
  --font-instrument-value-s-enhanced-weight: semibold;
  --font-instrument-value-s-enhanced-line-height: undefinedpx;
  --font-instrument-value-m-size: 32px;
  --font-instrument-value-m-weight: semibold;
  --font-instrument-value-m-line-height: 48px;
  --font-instrument-value-m-enhanced-size: 48px;
  --font-instrument-value-m-enhanced-weight: semibold;
  --font-instrument-value-m-enhanced-line-height: 64px;
  --font-instrument-value-l-size: 64px;
  --font-instrument-value-l-weight: semibold;
  --font-instrument-value-l-line-height: 88px;
  --font-instrument-value-l-enhanced-size: 80px;
  --font-instrument-value-l-enhanced-weight: semibold;
  --font-instrument-value-l-enhanced-line-height: 104px;
  --font-instrument-unit-s-size: 16px;
  --font-instrument-unit-s-weight: regular;
  --font-instrument-unit-s-line-height: undefinedpx;
  --font-instrument-unit-m-size: 24px;
  --font-instrument-unit-m-weight: regular;
  --font-instrument-unit-m-line-height: 42px;
  --font-instrument-unit-l-size: 32px;
  --font-instrument-unit-l-weight: regular;
  --font-instrument-unit-l-line-height: 64px;
  --font-instrument-status-s-size: 16px;
  --font-instrument-status-s-weight: regular;
  --font-instrument-status-s-line-height: undefinedpx;
  --font-instrument-status-m-size: 24px;
  --font-instrument-status-m-weight: regular;
  --font-instrument-status-m-line-height: 42px;
  --font-instrument-status-l-size: 32px;
  --font-instrument-status-l-weight: regular;
  --font-instrument-status-l-line-height: 64px;
}

:root[theme=day] {
  --element-active-color: rgb(51, 51, 51);
  --element-neutral-color: rgba(0, 0, 0, .500);
  --element-disabled-color: rgba(0, 0, 0, .200);
  --element-active-inverted-color: rgb(255, 255, 255);
  --element-neutral-inverted-color: rgba(255, 255, 255, .600);
  --element-disabled-inverted-color: rgba(255, 255, 255, .300);
  --container-backdrop-color: rgb(224, 224, 224);
  --container-section-color: rgb(240, 240, 240);
  --container-background-color: rgb(247, 247, 247);
  --container-global-color: rgb(252, 252, 252);
  --border-divider-color: rgba(0, 0, 0, .150);
  --border-outline-color: rgba(0, 0, 0, .100);
  --border-solid-color: rgb(51, 51, 51);
  --instrument-dynamic-color: rgb(0, 128, 255);
  --instrument-static-color: rgb(51, 51, 51);
  --instrument-input-color: rgb(255, 197, 0);
  --instrument-port-color: rgb(255, 0, 76);
  --instrument-starboard-color: rgb(0, 178, 115);
  --instrument-frame-color: rgb(255, 255, 255);
  --instrument-track-color: rgb(229, 229, 229);
  --instrument-tick-mark-primary-color: rgb(51, 51, 51);
  --instrument-tick-mark-secondary-color: rgb(153, 153, 153);
  --instrument-tick-mark-tertiary-color: rgb(229, 229, 229);
  --alert-running-color: rgb(0, 189, 0);
  --alert-caution-color: rgb(255, 213, 0);
  --alert-warning-color: rgb(255, 161, 0);
  --alert-alarm-color: rgb(255, 64, 0);
  --alert-critical-alarm-color: rgb(229, 0, 229);
  --normal-enabled-background-color: rgb(255, 255, 255);
  --normal-enabled-border-color: rgba(0, 0, 0, .300);
  --normal-hover-background-color: rgb(229, 229, 229);
  --normal-hover-border-color: rgba(0, 0, 0, .300);
  --normal-pressed-background-color: rgb(204, 204, 204);
  --normal-pressed-border-color: rgba(0, 0, 0, .300);
  --normal-focused-background-color: rgb(255, 255, 255);
  --normal-focused-border-color: rgb(255, 197, 0);
  --normal-disabled-background-color: rgba(255, 255, 255, .00);
  --normal-disabled-border-color: rgba(0, 0, 0, .100);
  --on-normal-active-color: rgb(51, 51, 51);
  --on-normal-neutral-color: rgba(0, 0, 0, .500);
  --on-normal-disabled-color: rgba(0, 0, 0, .200);
  --raised-enabled-background-color: rgba(0, 0, 0, .550);
  --raised-enabled-border-color: rgba(0, 0, 0, .100);
  --raised-hover-background-color: rgba(0, 0, 0, .650);
  --raised-hover-border-color: rgba(0, 0, 0, .100);
  --raised-pressed-background-color: rgba(0, 0, 0, .750);
  --raised-pressed-border-color: rgba(0, 0, 0, .300);
  --raised-focused-background-color: rgba(0, 0, 0, .550);
  --raised-focused-border-color: rgb(255, 197, 0);
  --raised-disabled-background-color: rgba(0, 0, 0, .00);
  --raised-disabled-border-color: rgba(0, 0, 0, .100);
  --on-raised-active-color: rgb(255, 255, 255);
  --on-raised-neutral-color: rgba(255, 255, 255, .600);
  --on-raised-disabled-color: rgba(0, 0, 0, .200);
  --indent-enabled-background-color: rgba(0, 0, 0, .080);
  --indent-enabled-border-color: rgba(0, 0, 0, .00);
  --indent-hover-background-color: rgba(0, 0, 0, .150);
  --indent-hover-border-color: rgba(0, 0, 0, .00);
  --indent-pressed-background-color: rgba(0, 0, 0, .200);
  --indent-pressed-border-color: rgba(0, 0, 0, .050);
  --indent-focused-background-color: rgba(0, 0, 0, .080);
  --indent-focused-border-color: rgb(255, 197, 0);
  --indent-disabled-background-color: rgba(0, 0, 0, .00);
  --indent-disabled-border-color: rgba(0, 0, 0, .100);
  --on-indent-active-color: rgba(0, 0, 0, .800);
  --on-indent-neutral-color: rgba(0, 0, 0, .500);
  --flat-enabled-background-color: rgba(0, 0, 0, .00);
  --flat-enabled-border-color: rgba(0, 0, 0, .00);
  --flat-hover-background-color: rgba(0, 0, 0, .100);
  --flat-hover-border-color: rgba(0, 0, 0, .00);
  --flat-pressed-background-color: rgba(0, 0, 0, .200);
  --flat-pressed-border-color: rgba(0, 0, 0, .00);
  --flat-focused-background-color: rgba(0, 0, 0, .00);
  --flat-focused-border-color: rgb(255, 197, 0);
  --flat-disabled-background-color: rgba(0, 0, 0, .00);
  --flat-disabled-border-color: rgba(0, 0, 0, .00);
  --on-flat-active-color: rgba(0, 0, 0, .800);
  --on-flat-disabled-color: rgba(0, 0, 0, .200);
  --selected-enabled-background-color: rgb(51, 51, 51);
  --selected-enabled-border-color: rgba(0, 0, 0, .00);
  --selected-hover-background-color: rgb(77, 77, 77);
  --selected-hover-border-color: rgba(0, 0, 0, .00);
  --selected-pressed-background-color: rgb(102, 102, 102);
  --selected-pressed-border-color: rgba(0, 0, 0, .00);
  --selected-focused-background-color: rgb(51, 51, 51);
  --selected-focused-border-color: rgb(255, 197, 0);
  --selected-disabled-background-color: rgba(0, 0, 0, .100);
  --selected-disabled-border-color: rgba(0, 0, 0, .00);
  --on-selected-active-color: rgb(255, 255, 255);
  --on-selected-neutral-color: rgba(255, 255, 255, .600);
  --on-selected-disabled-color: rgba(0, 0, 0, .200);
  --thumb-enabled-background-color: rgb(255, 255, 255);
  --thumb-enabled-border-color: rgba(0, 0, 0, .300);
  --thumb-hover-background-color: rgb(229, 229, 229);
  --thumb-hover-border-color: rgba(0, 0, 0, .300);
  --thumb-pressed-background-color: rgb(204, 204, 204);
  --thumb-pressed-border-color: rgba(0, 0, 0, .300);
  --thumb-focused-background-color: rgb(255, 255, 255);
  --thumb-focused-border-color: rgb(255, 197, 0);
  --thumb-disabled-background-color: rgba(0, 0, 0, .100);
  --thumb-disabled-border-color: rgba(0, 0, 0, .00);
  --on-thumb-active-color: rgba(0, 0, 0, .800);
  --on-thumb-neutral-color: rgba(0, 0, 0, .500);
  --on-thumb-disabled-color: rgba(0, 0, 0, .200);
  --amplified-enabled-background-color: rgb(255, 255, 255);
  --amplified-enabled-border-color: rgba(0, 0, 0, .300);
  --amplified-hover-background-color: rgb(229, 229, 229);
  --amplified-hover-border-color: rgba(0, 0, 0, .300);
  --amplified-pressed-background-color: rgb(204, 204, 204);
  --amplified-pressed-border-color: rgba(0, 0, 0, .300);
  --amplified-focused-background-color: rgb(255, 255, 255);
  --amplified-focused-border-color: rgb(255, 197, 0);
  --amplified-disabled-background-color: rgba(0, 0, 0, .100);
  --amplified-disabled-border-color: rgba(0, 0, 0, .00);
  --on-amplified-active-color: rgba(0, 0, 0, .800);
  --on-amplified-neutral-color: rgba(0, 0, 0, .500);
  --on-amplified-disabled-color: rgba(0, 0, 0, .200);
  --running-enabled-background-color: rgb(0, 189, 0);
  --running-enabled-border-color: rgba(0, 0, 0, .100);
  --running-hover-background-color: rgb(0, 163, 0);
  --running-hover-border-color: rgba(0, 0, 0, .100);
  --running-pressed-background-color: rgb(0, 138, 0);
  --running-pressed-border-color: rgba(0, 0, 0, .200);
  --running-focused-background-color: rgb(0, 189, 0);
  --running-focused-border-color: rgb(0, 0, 0);
  --running-disabled-background-color: rgb(0, 160, 0);
  --running-disabled-border-color: rgba(0, 0, 0, .00);
  --on-running-active-color: rgba(0, 0, 0, .900);
  --on-running-neutral-color: rgba(0, 0, 0, .700);
  --on-running-disabled-color: rgba(0, 0, 0, .300);
  --caution-enabled-background-color: rgb(255, 213, 0);
  --caution-enabled-border-color: rgba(0, 0, 0, .100);
  --caution-hover-background-color: rgb(229, 192, 0);
  --caution-hover-border-color: rgba(0, 0, 0, .100);
  --caution-pressed-background-color: rgb(204, 170, 0);
  --caution-pressed-border-color: rgba(0, 0, 0, .200);
  --caution-focused-background-color: rgb(255, 213, 0);
  --caution-focused-border-color: rgb(0, 0, 0);
  --caution-disabled-background-color: rgb(255, 213, 0);
  --caution-disabled-border-color: rgba(0, 0, 0, .00);
  --on-caution-active-color: rgba(0, 0, 0, .900);
  --on-caution-neutral-color: rgba(0, 0, 0, .700);
  --on-caution-disabled-color: rgba(0, 0, 0, .300);
  --warning-enabled-background-color: rgb(255, 161, 0);
  --warning-enabled-border-color: rgba(0, 0, 0, .100);
  --warning-hover-background-color: rgb(229, 145, 0);
  --warning-hover-border-color: rgba(0, 0, 0, .100);
  --warning-pressed-background-color: rgb(204, 129, 0);
  --warning-pressed-border-color: rgba(0, 0, 0, .200);
  --warning-focused-background-color: rgb(255, 161, 0);
  --warning-focused-border-color: rgb(0, 0, 0);
  --warning-disabled-background-color: rgb(255, 161, 0);
  --warning-disabled-border-color: rgba(0, 0, 0, .00);
  --on-warning-active-color: rgba(0, 0, 0, .900);
  --on-warning-neutral-color: rgba(0, 0, 0, .700);
  --on-warning-disabled-color: rgba(0, 0, 0, .300);
  --alarm-enabled-background-color: rgb(255, 64, 0);
  --alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --alarm-hover-background-color: rgb(229, 57, 0);
  --alarm-hover-border-color: rgba(0, 0, 0, .100);
  --alarm-pressed-background-color: rgb(204, 51, 0);
  --alarm-pressed-border-color: rgba(0, 0, 0, .200);
  --alarm-focused-background-color: rgb(255, 64, 0);
  --alarm-focused-border-color: rgb(0, 0, 0);
  --alarm-disabled-background-color: rgb(255, 64, 0);
  --alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-alarm-active-color: rgba(0, 0, 0, .900);
  --on-alarm-neutral-color: rgba(0, 0, 0, .700);
  --on-alarm-disabled-color: rgba(0, 0, 0, .300);
  --critical-alarm-enabled-background-color: rgb(254, 0, 255);
  --critical-alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --critical-alarm-hover-background-color: rgb(203, 0, 204);
  --critical-alarm-hover-border-color: rgba(0, 0, 0, .100);
  --critical-alarm-pressed-background-color: rgb(152, 0, 153);
  --critical-alarm-pressed-border-color: rgba(0, 0, 0, .200);
  --critical-alarm-focused-background-color: rgb(254, 0, 255);
  --critical-alarm-focused-border-color: rgb(0, 0, 0);
  --critical-alarm-disabled-background-color: rgb(254, 0, 255);
  --critical-alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-critical-alarm-active-color: rgba(0, 0, 0, .900);
  --on-critical-alarm-neutral-color: rgba(0, 0, 0, .700);
  --on-critical-alarm-disabled-color: rgba(0, 0, 0, .300);
  --font-ui-title-size: 24px;
  --font-ui-title-weight: bold;
  --font-ui-title-line-height: 32px;
  --font-ui-subtitle-size: 24px;
  --font-ui-subtitle-weight: regular;
  --font-ui-subtitle-line-height: 32px;
  --font-ui-overline-size: 12px;
  --font-ui-overline-weight: semibold;
  --font-ui-overline-line-height: 24px;
  --font-ui-button-size: 16px;
  --font-ui-button-weight: semibold;
  --font-ui-button-line-height: 24px;
  --font-ui-body-active-size: 16px;
  --font-ui-body-active-weight: bold;
  --font-ui-body-active-line-height: 24px;
  --font-ui-body-size: 16px;
  --font-ui-body-weight: regular;
  --font-ui-body-line-height: 24px;
  --font-ui-label-active-size: 12px;
  --font-ui-label-active-weight: bold;
  --font-ui-label-active-line-height: undefinedpx;
  --font-ui-label-size: 12px;
  --font-ui-label-weight: regular;
  --font-ui-label-line-height: undefinedpx;
  --font-instrument-label-s-size: 16px;
  --font-instrument-label-s-weight: regular;
  --font-instrument-label-s-line-height: undefinedpx;
  --font-instrument-label-m-size: 24px;
  --font-instrument-label-m-weight: regular;
  --font-instrument-label-m-line-height: 42px;
  --font-instrument-label-l-size: 32px;
  --font-instrument-label-l-weight: regular;
  --font-instrument-label-l-line-height: 64px;
  --font-instrument-value-s-size: 16px;
  --font-instrument-value-s-weight: semibold;
  --font-instrument-value-s-line-height: undefinedpx;
  --font-instrument-value-s-enhanced-size: 24px;
  --font-instrument-value-s-enhanced-weight: semibold;
  --font-instrument-value-s-enhanced-line-height: undefinedpx;
  --font-instrument-value-m-size: 32px;
  --font-instrument-value-m-weight: semibold;
  --font-instrument-value-m-line-height: 48px;
  --font-instrument-value-m-enhanced-size: 48px;
  --font-instrument-value-m-enhanced-weight: semibold;
  --font-instrument-value-m-enhanced-line-height: 64px;
  --font-instrument-value-l-size: 64px;
  --font-instrument-value-l-weight: semibold;
  --font-instrument-value-l-line-height: 88px;
  --font-instrument-value-l-enhanced-size: 80px;
  --font-instrument-value-l-enhanced-weight: semibold;
  --font-instrument-value-l-enhanced-line-height: 104px;
  --font-instrument-unit-s-size: 16px;
  --font-instrument-unit-s-weight: regular;
  --font-instrument-unit-s-line-height: undefinedpx;
  --font-instrument-unit-m-size: 24px;
  --font-instrument-unit-m-weight: regular;
  --font-instrument-unit-m-line-height: 42px;
  --font-instrument-unit-l-size: 32px;
  --font-instrument-unit-l-weight: regular;
  --font-instrument-unit-l-line-height: 64px;
  --font-instrument-status-s-size: 16px;
  --font-instrument-status-s-weight: regular;
  --font-instrument-status-s-line-height: undefinedpx;
  --font-instrument-status-m-size: 24px;
  --font-instrument-status-m-weight: regular;
  --font-instrument-status-m-line-height: 42px;
  --font-instrument-status-l-size: 32px;
  --font-instrument-status-l-weight: regular;
  --font-instrument-status-l-line-height: 64px;
}

:root[theme=dusk] {
  --element-active-color: rgb(255, 255, 255);
  --element-neutral-color: rgba(255, 255, 255, .500);
  --element-disabled-color: rgba(255, 255, 255, .200);
  --element-active-inverted-color: rgb(0, 0, 0);
  --element-neutral-inverted-color: rgba(0, 0, 0, .600);
  --element-disabled-inverted-color: rgba(0, 0, 0, .300);
  --container-backdrop-color: rgb(51, 51, 51);
  --container-section-color: rgb(59, 59, 59);
  --container-background-color: rgb(64, 64, 64);
  --container-global-color: rgb(77, 77, 77);
  --border-divider-color: rgba(255, 255, 255, .120);
  --border-outline-color: rgba(0, 0, 0, .400);
  --border-solid-color: rgb(255, 255, 255);
  --instrument-dynamic-color: rgb(51, 187, 255);
  --instrument-static-color: rgb(255, 255, 255);
  --instrument-input-color: rgb(255, 200, 0);
  --instrument-port-color: rgb(204, 0, 61);
  --instrument-starboard-color: rgb(0, 151, 97);
  --instrument-frame-color: rgb(56, 56, 56);
  --instrument-track-color: rgb(89, 89, 89);
  --instrument-tick-mark-primary-color: rgb(255, 255, 255);
  --instrument-tick-mark-secondary-color: rgb(153, 153, 153);
  --instrument-tick-mark-tertiary-color: rgb(77, 77, 77);
  --alert-running-color: rgb(0, 160, 0);
  --alert-caution-color: rgb(255, 213, 0);
  --alert-warning-color: rgb(255, 140, 0);
  --alert-alarm-color: rgb(204, 0, 0);
  --alert-critical-alarm-color: rgb(254, 0, 255);
  --normal-enabled-background-color: rgb(89, 89, 89);
  --normal-enabled-border-color: rgba(255, 255, 255, .050);
  --normal-hover-background-color: rgb(102, 102, 102);
  --normal-hover-border-color: rgba(255, 255, 255, .050);
  --normal-pressed-background-color: rgb(128, 128, 128);
  --normal-pressed-border-color: rgba(255, 255, 255, .200);
  --normal-focused-background-color: rgb(89, 89, 89);
  --normal-focused-border-color: rgb(255, 197, 0);
  --normal-disabled-background-color: rgba(255, 255, 255, .00);
  --normal-disabled-border-color: rgba(255, 255, 255, .100);
  --on-normal-active-color: rgb(255, 255, 255);
  --on-normal-neutral-color: rgba(255, 255, 255, .500);
  --on-normal-disabled-color: rgba(255, 255, 255, .200);
  --raised-enabled-background-color: rgba(255, 255, 255, .300);
  --raised-enabled-border-color: rgba(255, 255, 255, .050);
  --raised-hover-background-color: rgba(255, 255, 255, .400);
  --raised-hover-border-color: rgba(255, 255, 255, .050);
  --raised-pressed-background-color: rgba(255, 255, 255, .500);
  --raised-pressed-border-color: rgba(255, 255, 255, .200);
  --raised-focused-background-color: rgba(255, 255, 255, .400);
  --raised-focused-border-color: rgb(255, 197, 0);
  --raised-disabled-background-color: rgba(255, 255, 255, .00);
  --raised-disabled-border-color: rgba(255, 255, 255, .100);
  --on-raised-active-color: rgb(255, 255, 255);
  --on-raised-neutral-color: rgba(255, 255, 255, .500);
  --on-raised-disabled-color: rgba(255, 255, 255, .200);
  --indent-enabled-background-color: rgba(0, 0, 0, .200);
  --indent-enabled-border-color: rgba(0, 0, 0, .00);
  --indent-hover-background-color: rgba(0, 0, 0, .400);
  --indent-hover-border-color: rgba(0, 0, 0, .00);
  --indent-pressed-background-color: rgba(0, 0, 0, .600);
  --indent-pressed-border-color: rgba(0, 0, 0, .600);
  --indent-focused-background-color: rgba(0, 0, 0, .200);
  --indent-focused-border-color: rgb(255, 197, 0);
  --indent-disabled-background-color: rgba(0, 0, 0, .00);
  --indent-disabled-border-color: rgba(255, 255, 255, .100);
  --on-indent-active-color: rgb(255, 255, 255);
  --on-indent-neutral-color: rgba(255, 255, 255, .500);
  --flat-enabled-background-color: rgba(255, 255, 255, .00);
  --flat-enabled-border-color: rgba(255, 255, 255, .00);
  --flat-hover-background-color: rgba(255, 255, 255, .100);
  --flat-hover-border-color: rgba(255, 255, 255, .00);
  --flat-pressed-background-color: rgba(255, 255, 255, .200);
  --flat-pressed-border-color: rgba(255, 255, 255, .00);
  --flat-focused-background-color: rgba(0, 0, 0, .00);
  --flat-focused-border-color: rgb(255, 200, 0);
  --flat-disabled-background-color: rgba(0, 0, 0, .00);
  --flat-disabled-border-color: rgba(255, 255, 255, .00);
  --on-flat-active-color: rgb(255, 255, 255);
  --on-flat-disabled-color: rgba(255, 255, 255, .200);
  --selected-enabled-background-color: rgb(204, 204, 204);
  --selected-enabled-border-color: rgba(255, 255, 255, .00);
  --selected-hover-background-color: rgb(179, 179, 179);
  --selected-hover-border-color: rgba(255, 255, 255, .00);
  --selected-pressed-background-color: rgb(153, 153, 153);
  --selected-pressed-border-color: rgba(255, 255, 255, .200);
  --selected-focused-background-color: rgb(204, 204, 204);
  --selected-focused-border-color: rgb(255, 197, 0);
  --selected-disabled-background-color: rgba(255, 255, 255, .100);
  --selected-disabled-border-color: rgba(255, 255, 255, .00);
  --on-selected-active-color: rgb(0, 0, 0);
  --on-selected-neutral-color: rgba(0, 0, 0, .700);
  --on-selected-disabled-color: rgba(255, 255, 255, .200);
  --thumb-enabled-background-color: rgb(255, 255, 255);
  --thumb-enabled-border-color: rgba(0, 0, 0, .600);
  --thumb-hover-background-color: rgb(204, 204, 204);
  --thumb-hover-border-color: rgba(0, 0, 0, .600);
  --thumb-pressed-background-color: rgb(153, 153, 153);
  --thumb-pressed-border-color: rgba(0, 0, 0, .600);
  --thumb-focused-background-color: rgb(255, 255, 255);
  --thumb-focused-border-color: rgb(255, 197, 0);
  --thumb-disabled-background-color: rgba(0, 0, 0, .300);
  --thumb-disabled-border-color: rgba(0, 0, 0, .00);
  --on-thumb-active-color: rgb(0, 0, 0);
  --on-thumb-neutral-color: rgba(0, 0, 0, .700);
  --on-thumb-disabled-color: rgba(255, 255, 255, .200);
  --amplified-enabled-background-color: rgb(89, 89, 89);
  --amplified-enabled-border-color: rgba(0, 0, 0, .400);
  --amplified-hover-background-color: rgb(102, 102, 102);
  --amplified-hover-border-color: rgba(0, 0, 0, .400);
  --amplified-pressed-background-color: rgb(128, 128, 128);
  --amplified-pressed-border-color: rgba(255, 255, 255, .200);
  --amplified-focused-background-color: rgb(89, 89, 89);
  --amplified-focused-border-color: rgb(255, 200, 0);
  --amplified-disabled-background-color: rgba(255, 255, 255, .100);
  --amplified-disabled-border-color: rgba(255, 255, 255, .00);
  --on-amplified-active-color: rgb(255, 255, 255);
  --on-amplified-neutral-color: rgba(255, 255, 255, .500);
  --on-amplified-disabled-color: rgba(255, 255, 255, .200);
  --running-enabled-background-color: rgb(0, 153, 0);
  --running-enabled-border-color: rgba(0, 0, 0, .100);
  --running-hover-background-color: rgb(0, 127, 0);
  --running-hover-border-color: rgba(0, 0, 0, .100);
  --running-pressed-background-color: rgb(0, 102, 0);
  --running-pressed-border-color: rgba(0, 0, 0, .300);
  --running-focused-background-color: rgb(0, 153, 0);
  --running-focused-border-color: rgb(0, 0, 0);
  --running-disabled-background-color: rgb(0, 153, 0);
  --running-disabled-border-color: rgba(0, 0, 0, .00);
  --on-running-active-color: rgb(0, 0, 0);
  --on-running-neutral-color: rgba(0, 0, 0, .700);
  --on-running-disabled-color: rgba(0, 0, 0, .300);
  --caution-enabled-background-color: rgb(255, 213, 0);
  --caution-enabled-border-color: rgba(0, 0, 0, .100);
  --caution-hover-background-color: rgb(204, 170, 0);
  --caution-hover-border-color: rgba(0, 0, 0, .200);
  --caution-pressed-background-color: rgb(153, 128, 0);
  --caution-pressed-border-color: rgba(0, 0, 0, .300);
  --caution-focused-background-color: rgb(255, 213, 0);
  --caution-focused-border-color: rgb(0, 0, 0);
  --caution-disabled-background-color: rgb(255, 213, 0);
  --caution-disabled-border-color: rgba(0, 0, 0, .00);
  --on-caution-active-color: rgb(0, 0, 0);
  --on-caution-neutral-color: rgba(0, 0, 0, .700);
  --on-caution-disabled-color: rgba(0, 0, 0, .300);
  --warning-enabled-background-color: rgb(255, 140, 0);
  --warning-enabled-border-color: rgba(0, 0, 0, .100);
  --warning-hover-background-color: rgb(204, 112, 0);
  --warning-hover-border-color: rgba(0, 0, 0, .200);
  --warning-pressed-background-color: rgb(153, 84, 0);
  --warning-pressed-border-color: rgba(0, 0, 0, .400);
  --warning-focused-background-color: rgb(255, 140, 0);
  --warning-focused-border-color: rgb(0, 0, 0);
  --warning-disabled-background-color: rgb(255, 140, 0);
  --warning-disabled-border-color: rgba(0, 0, 0, .00);
  --on-warning-active-color: rgb(0, 0, 0);
  --on-warning-neutral-color: rgba(0, 0, 0, .700);
  --on-warning-disabled-color: rgba(0, 0, 0, .300);
  --alarm-enabled-background-color: rgb(204, 0, 0);
  --alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --alarm-hover-background-color: rgb(153, 0, 0);
  --alarm-hover-border-color: rgba(0, 0, 0, .200);
  --alarm-pressed-background-color: rgb(102, 0, 0);
  --alarm-pressed-border-color: rgba(0, 0, 0, .400);
  --alarm-focused-background-color: rgb(204, 0, 0);
  --alarm-focused-border-color: rgb(0, 0, 0);
  --alarm-disabled-background-color: rgb(204, 0, 0);
  --alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-alarm-active-color: rgb(0, 0, 0);
  --on-alarm-neutral-color: rgba(0, 0, 0, .700);
  --on-alarm-disabled-color: rgba(0, 0, 0, .300);
  --critical-alarm-enabled-background-color: rgb(254, 0, 255);
  --critical-alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --critical-alarm-hover-background-color: rgb(203, 0, 204);
  --critical-alarm-hover-border-color: rgba(0, 0, 0, .200);
  --critical-alarm-pressed-background-color: rgb(152, 0, 153);
  --critical-alarm-pressed-border-color: rgba(0, 0, 0, .400);
  --critical-alarm-focused-background-color: rgb(254, 0, 255);
  --critical-alarm-focused-border-color: rgb(0, 0, 0);
  --critical-alarm-disabled-background-color: rgb(254, 0, 255);
  --critical-alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-critical-alarm-active-color: rgb(0, 0, 0);
  --on-critical-alarm-neutral-color: rgba(0, 0, 0, .700);
  --on-critical-alarm-disabled-color: rgba(0, 0, 0, .300);
  --font-ui-title-size: 24px;
  --font-ui-title-weight: bold;
  --font-ui-title-line-height: 32px;
  --font-ui-subtitle-size: 24px;
  --font-ui-subtitle-weight: regular;
  --font-ui-subtitle-line-height: 32px;
  --font-ui-overline-size: 12px;
  --font-ui-overline-weight: semibold;
  --font-ui-overline-line-height: 24px;
  --font-ui-button-size: 16px;
  --font-ui-button-weight: semibold;
  --font-ui-button-line-height: 24px;
  --font-ui-body-active-size: 16px;
  --font-ui-body-active-weight: bold;
  --font-ui-body-active-line-height: 24px;
  --font-ui-body-size: 16px;
  --font-ui-body-weight: regular;
  --font-ui-body-line-height: 24px;
  --font-ui-label-active-size: 12px;
  --font-ui-label-active-weight: bold;
  --font-ui-label-active-line-height: 24px;
  --font-ui-label-size: 12px;
  --font-ui-label-weight: regular;
  --font-ui-label-line-height: 24px;
  --font-instrument-label-s-size: 16px;
  --font-instrument-label-s-weight: regular;
  --font-instrument-label-s-line-height: undefinedpx;
  --font-instrument-label-m-size: 24px;
  --font-instrument-label-m-weight: regular;
  --font-instrument-label-m-line-height: 42px;
  --font-instrument-label-l-size: 32px;
  --font-instrument-label-l-weight: regular;
  --font-instrument-label-l-line-height: 64px;
  --font-instrument-value-s-size: 16px;
  --font-instrument-value-s-weight: semibold;
  --font-instrument-value-s-line-height: undefinedpx;
  --font-instrument-value-s-enhanced-size: 24px;
  --font-instrument-value-s-enhanced-weight: semibold;
  --font-instrument-value-s-enhanced-line-height: undefinedpx;
  --font-instrument-value-m-size: 32px;
  --font-instrument-value-m-weight: semibold;
  --font-instrument-value-m-line-height: 48px;
  --font-instrument-value-m-enhanced-size: 48px;
  --font-instrument-value-m-enhanced-weight: semibold;
  --font-instrument-value-m-enhanced-line-height: 64px;
  --font-instrument-value-l-size: 64px;
  --font-instrument-value-l-weight: semibold;
  --font-instrument-value-l-line-height: 88px;
  --font-instrument-value-l-enhanced-size: 80px;
  --font-instrument-value-l-enhanced-weight: semibold;
  --font-instrument-value-l-enhanced-line-height: 104px;
  --font-instrument-unit-s-size: 16px;
  --font-instrument-unit-s-weight: regular;
  --font-instrument-unit-s-line-height: undefinedpx;
  --font-instrument-unit-m-size: 24px;
  --font-instrument-unit-m-weight: regular;
  --font-instrument-unit-m-line-height: 42px;
  --font-instrument-unit-l-size: 32px;
  --font-instrument-unit-l-weight: regular;
  --font-instrument-unit-l-line-height: 64px;
  --font-instrument-status-s-size: 16px;
  --font-instrument-status-s-weight: regular;
  --font-instrument-status-s-line-height: undefinedpx;
  --font-instrument-status-m-size: 24px;
  --font-instrument-status-m-weight: regular;
  --font-instrument-status-m-line-height: 42px;
  --font-instrument-status-l-size: 32px;
  --font-instrument-status-l-weight: regular;
  --font-instrument-status-l-line-height: 64px;
}

:root[theme=night] {
  --element-active-color: rgb(94, 102, 0);
  --element-neutral-color: rgb(47, 51, 0);
  --element-disabled-color: rgb(23, 26, 0);
  --element-active-inverted-color: rgb(0, 0, 0);
  --element-neutral-inverted-color: rgba(0, 0, 0, .600);
  --element-disabled-inverted-color: rgba(0, 0, 0, .300);
  --container-backdrop-color: rgb(0, 0, 0);
  --container-background-color: rgb(0, 0, 0);
  --container-section-color: rgb(0, 0, 0);
  --container-global-color: rgb(0, 0, 0);
  --border-divider-color: rgba(94, 102, 0, .200);
  --border-outline-color: rgba(94, 102, 0, .400);
  --border-solid-color: rgb(94, 102, 0);
  --instrument-dynamic-color: rgb(0, 77, 0);
  --instrument-static-color: rgb(94, 102, 0);
  --instrument-input-color: rgb(127, 103, 0);
  --instrument-port-color: rgb(138, 0, 41);
  --instrument-starboard-color: rgb(0, 92, 59);
  --instrument-frame-color: rgb(0, 0, 0);
  --instrument-track-color: rgb(16, 26, 0);
  --instrument-tick-mark-primary-color: rgb(94, 102, 0);
  --instrument-tick-mark-secondary-color: rgb(47, 51, 0);
  --instrument-tick-mark-tertiary-color: rgb(23, 26, 0);
  --alert-running-color: rgb(0, 130, 0);
  --alert-caution-color: rgb(179, 144, 0);
  --alert-warning-color: rgb(200, 120, 0);
  --alert-alarm-color: rgb(180, 0, 0);
  --normal-enabled-background-color: rgb(0, 0, 0);
  --normal-enabled-border-color: rgba(64, 100, 0, .600);
  --normal-hover-background-color: rgb(13, 20, 0);
  --normal-hover-border-color: rgba(64, 100, 0, .600);
  --normal-pressed-background-color: rgb(26, 41, 0);
  --normal-pressed-border-color: rgba(64, 100, 0, .600);
  --normal-focused-background-color: rgb(0, 0, 0);
  --normal-focused-border-color: rgb(179, 144, 0);
  --normal-disabled-background-color: rgba(64, 100, 0, .00);
  --normal-disabled-border-color: rgba(64, 100, 0, .300);
  --on-normal-active-color: rgb(64, 100, 0);
  --on-normal-neutral-color: rgba(64, 100, 0, .500);
  --on-normal-disabled-color: rgba(64, 100, 0, .200);
  --raised-enabled-background-color: rgba(64, 100, 0, .400);
  --raised-enabled-border-color: rgba(64, 100, 0, .00);
  --raised-hover-background-color: rgba(64, 100, 0, .500);
  --raised-hover-border-color: rgba(64, 100, 0, .00);
  --raised-pressed-background-color: rgba(64, 100, 0, .400);
  --raised-pressed-border-color: rgba(64, 100, 0, .600);
  --raised-focused-background-color: rgba(64, 100, 0, .400);
  --raised-focused-border-color: rgb(179, 144, 0);
  --raised-disabled-background-color: rgba(64, 100, 0, .00);
  --raised-disabled-border-color: rgba(64, 100, 0, .300);
  --on-raised-active-color: rgb(64, 100, 0);
  --on-raised-neutral-color: rgba(64, 100, 0, .500);
  --on-raised-disabled-color: rgba(64, 100, 0, .200);
  --indent-enabled-background-color: rgb(0, 0, 0);
  --indent-enabled-border-color: rgba(64, 100, 0, .400);
  --indent-hover-background-color: rgb(13, 20, 0);
  --indent-hover-border-color: rgba(64, 100, 0, .400);
  --indent-pressed-background-color: rgb(26, 41, 0);
  --indent-pressed-border-color: rgba(64, 100, 0, .300);
  --indent-focused-background-color: rgb(0, 0, 0);
  --indent-focused-border-color: rgb(179, 144, 0);
  --indent-disabled-background-color: rgba(0, 0, 0, .00);
  --indent-disabled-border-color: rgba(64, 100, 0, .200);
  --on-indent-active-color: rgb(64, 100, 0);
  --on-indent-neutral-color: rgba(64, 100, 0, .500);
  --flat-enabled-background-color: rgba(64, 100, 0, .00);
  --flat-enabled-border-color: rgba(64, 100, 0, .00);
  --flat-hover-background-color: rgba(64, 100, 0, .200);
  --flat-hover-border-color: rgba(64, 100, 0, .00);
  --flat-pressed-background-color: rgba(64, 100, 0, .400);
  --flat-pressed-border-color: rgba(64, 100, 0, .00);
  --flat-focused-background-color: rgba(64, 100, 0, .00);
  --flat-focused-border-color: rgb(179, 144, 0);
  --flat-disabled-background-color: rgba(0, 0, 0, .00);
  --flat-disabled-border-color: rgba(0, 0, 0, .00);
  --on-flat-active-color: rgb(64, 100, 0);
  --on-flat-disabled-color: rgba(64, 100, 0, .200);
  --selected-enabled-background-color: rgb(0, 0, 0);
  --selected-enabled-border-color: rgb(64, 100, 0);
  --selected-hover-background-color: rgb(13, 20, 0);
  --selected-hover-border-color: rgb(64, 100, 0);
  --selected-pressed-background-color: rgb(26, 41, 0);
  --selected-pressed-border-color: rgb(64, 100, 0);
  --selected-focused-background-color: rgb(0, 0, 0);
  --selected-focused-border-color: rgb(179, 144, 0);
  --selected-disabled-background-color: rgba(64, 100, 0, .200);
  --selected-disabled-border-color: rgba(64, 100, 0, .00);
  --on-selected-active-color: rgb(64, 100, 0);
  --on-selected-neutral-color: rgba(64, 100, 0, .500);
  --on-selected-disabled-color: rgba(64, 100, 0, .200);
  --thumb-enabled-background-color: rgb(64, 100, 0);
  --thumb-enabled-border-color: rgb(0, 0, 0);
  --thumb-hover-background-color: rgb(48, 77, 0);
  --thumb-hover-border-color: rgb(0, 0, 0);
  --thumb-pressed-background-color: rgb(38, 61, 0);
  --thumb-pressed-border-color: rgb(0, 0, 0);
  --thumb-focused-background-color: rgb(64, 100, 0);
  --thumb-focused-border-color: rgb(179, 144, 0);
  --thumb-disabled-background-color: rgba(64, 100, 0, .200);
  --thumb-disabled-border-color: rgba(0, 0, 0, .00);
  --on-thumb-active-color: rgb(0, 0, 0);
  --on-thumb-neutral-color: rgba(0, 0, 0, .500);
  --on-thumb-disabled-color: rgba(64, 100, 0, .200);
  --amplified-enabled-background-color: rgb(0, 0, 0);
  --amplified-enabled-border-color: rgba(64, 100, 0, .600);
  --amplified-hover-background-color: rgb(13, 20, 0);
  --amplified-hover-border-color: rgba(64, 100, 0, .600);
  --amplified-pressed-background-color: rgb(27, 41, 0);
  --amplified-pressed-border-color: rgba(64, 100, 0, .600);
  --amplified-focused-background-color: rgb(0, 0, 0);
  --amplified-focused-border-color: rgb(179, 144, 0);
  --amplified-disabled-background-color: rgb(13, 20, 0);
  --amplified-disabled-border-color: rgba(64, 100, 0, .00);
  --on-amplified-active-color: rgb(64, 100, 0);
  --on-amplified-neutral-color: rgba(64, 100, 0, .500);
  --on-amplified-disabled-color: rgba(64, 100, 0, .200);
  --alert-critical-alarm-color: rgb(254, 0, 255);
  --running-enabled-background-color: rgb(0, 130, 0);
  --running-enabled-border-color: rgba(0, 0, 0, .100);
  --running-hover-background-color: rgb(0, 102, 0);
  --running-hover-border-color: rgba(0, 0, 0, .100);
  --running-pressed-background-color: rgb(0, 77, 0);
  --running-pressed-border-color: rgba(0, 0, 0, .300);
  --running-focused-background-color: rgb(0, 130, 0);
  --running-focused-border-color: rgb(64, 100, 0);
  --running-disabled-background-color: rgb(0, 130, 0);
  --running-disabled-border-color: rgba(0, 0, 0, .00);
  --on-running-active-color: rgb(0, 0, 0);
  --on-running-neutral-color: rgba(0, 0, 0, .700);
  --on-running-disabled-color: rgba(0, 0, 0, .300);
  --caution-enabled-background-color: rgb(179, 144, 0);
  --caution-enabled-border-color: rgba(0, 0, 0, .100);
  --caution-hover-background-color: rgb(153, 123, 0);
  --caution-hover-border-color: rgba(0, 0, 0, .100);
  --caution-pressed-background-color: rgb(127, 103, 0);
  --caution-pressed-border-color: rgba(0, 0, 0, .300);
  --caution-focused-background-color: rgb(179, 144, 0);
  --caution-focused-border-color: rgb(64, 100, 0);
  --caution-disabled-background-color: rgb(179, 144, 0);
  --caution-disabled-border-color: rgba(0, 0, 0, .00);
  --on-caution-active-color: rgb(0, 0, 0);
  --on-caution-neutral-color: rgba(0, 0, 0, .700);
  --on-caution-disabled-color: rgba(0, 0, 0, .300);
  --warning-enabled-background-color: rgb(204, 122, 0);
  --warning-enabled-border-color: rgba(0, 0, 0, .100);
  --warning-hover-background-color: rgb(178, 107, 0);
  --warning-hover-border-color: rgba(0, 0, 0, .100);
  --warning-pressed-background-color: rgb(153, 92, 0);
  --warning-pressed-border-color: rgba(0, 0, 0, .300);
  --warning-focused-background-color: rgb(204, 122, 0);
  --warning-focused-border-color: rgb(64, 100, 0);
  --warning-disabled-background-color: rgb(204, 122, 0);
  --warning-disabled-border-color: rgba(0, 0, 0, .00);
  --on-warning-active-color: rgb(0, 0, 0);
  --on-warning-neutral-color: rgba(0, 0, 0, .700);
  --on-warning-disabled-color: rgba(0, 0, 0, .300);
  --alarm-enabled-background-color: rgb(180, 0, 0);
  --alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --alarm-hover-background-color: rgb(127, 0, 0);
  --alarm-hover-border-color: rgba(0, 0, 0, .100);
  --alarm-pressed-background-color: rgb(102, 0, 0);
  --alarm-pressed-border-color: rgba(0, 0, 0, .300);
  --alarm-focused-background-color: rgb(180, 0, 0);
  --alarm-focused-border-color: rgb(64, 100, 0);
  --alarm-disabled-background-color: rgb(180, 0, 0);
  --alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-alarm-active-color: rgb(0, 0, 0);
  --on-alarm-neutral-color: rgba(0, 0, 0, .700);
  --on-alarm-disabled-color: rgba(0, 0, 0, .300);
  --critical-alarm-enabled-background-color: rgb(203, 0, 204);
  --critical-alarm-enabled-border-color: rgba(0, 0, 0, .100);
  --critical-alarm-hover-background-color: rgb(152, 0, 153);
  --critical-alarm-hover-border-color: rgba(0, 0, 0, .100);
  --critical-alarm-pressed-background-color: rgb(102, 0, 102);
  --critical-alarm-pressed-border-color: rgba(0, 0, 0, .300);
  --critical-alarm-focused-background-color: rgb(203, 0, 204);
  --critical-alarm-focused-border-color: rgb(64, 100, 0);
  --critical-alarm-disabled-background-color: rgb(203, 0, 204);
  --critical-alarm-disabled-border-color: rgba(0, 0, 0, .00);
  --on-critical-alarm-active-color: rgb(0, 0, 0);
  --on-critical-alarm-neutral-color: rgba(0, 0, 0, .700);
  --on-critical-alarm-disabled-color: rgba(0, 0, 0, .300);
  --font-ui-title-size: 24px;
  --font-ui-title-weight: regular;
  --font-ui-title-line-height: 32px;
  --font-ui-subtitle-size: 24px;
  --font-ui-subtitle-weight: regular;
  --font-ui-subtitle-line-height: 32px;
  --font-ui-overline-size: 12px;
  --font-ui-overline-weight: semibold;
  --font-ui-overline-line-height: 24px;
  --font-ui-button-size: 16px;
  --font-ui-button-weight: regular;
  --font-ui-button-line-height: 24px;
  --font-ui-body-active-size: 16px;
  --font-ui-body-active-weight: regular;
  --font-ui-body-active-line-height: 24px;
  --font-ui-body-size: 16px;
  --font-ui-body-weight: regular;
  --font-ui-body-line-height: 24px;
  --font-ui-label-active-size: 12px;
  --font-ui-label-active-weight: regular;
  --font-ui-label-active-line-height: 24px;
  --font-ui-label-size: 12px;
  --font-ui-label-weight: regular;
  --font-ui-label-line-height: 24px;
  --font-instrument-label-s-size: 16px;
  --font-instrument-label-s-weight: regular;
  --font-instrument-label-s-line-height: undefinedpx;
  --font-instrument-label-m-size: 24px;
  --font-instrument-label-m-weight: regular;
  --font-instrument-label-m-line-height: 42px;
  --font-instrument-label-l-size: 32px;
  --font-instrument-label-l-weight: regular;
  --font-instrument-label-l-line-height: 64px;
  --font-instrument-value-s-size: 16px;
  --font-instrument-value-s-weight: regular;
  --font-instrument-value-s-line-height: undefinedpx;
  --font-instrument-value-s-enhanced-size: 24px;
  --font-instrument-value-s-enhanced-weight: regular;
  --font-instrument-value-s-enhanced-line-height: undefinedpx;
  --font-instrument-value-m-size: 32px;
  --font-instrument-value-m-weight: regular;
  --font-instrument-value-m-line-height: 48px;
  --font-instrument-value-m-enhanced-size: 48px;
  --font-instrument-value-m-enhanced-weight: regular;
  --font-instrument-value-m-enhanced-line-height: 64px;
  --font-instrument-value-l-size: 64px;
  --font-instrument-value-l-weight: regular;
  --font-instrument-value-l-line-height: 88px;
  --font-instrument-value-l-enhanced-size: 80px;
  --font-instrument-value-l-enhanced-weight: regular;
  --font-instrument-value-l-enhanced-line-height: 104px;
  --font-instrument-unit-s-size: 16px;
  --font-instrument-unit-s-weight: regular;
  --font-instrument-unit-s-line-height: undefinedpx;
  --font-instrument-unit-m-size: 24px;
  --font-instrument-unit-m-weight: regular;
  --font-instrument-unit-m-line-height: 42px;
  --font-instrument-unit-l-size: 32px;
  --font-instrument-unit-l-weight: regular;
  --font-instrument-unit-l-line-height: 64px;
  --font-instrument-status-s-size: 16px;
  --font-instrument-status-s-weight: regular;
  --font-instrument-status-s-line-height: undefinedpx;
  --font-instrument-status-m-size: 24px;
  --font-instrument-status-m-weight: regular;
  --font-instrument-status-m-line-height: 42px;
  --font-instrument-status-l-size: 32px;
  --font-instrument-status-l-weight: regular;
  --font-instrument-status-l-line-height: 64px;
}

/*# sourceMappingURL=openbridge.css.map */