@oicl/openbridge-webcomponents 2.0.0-next.51 → 2.0.0-next.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/bundle/openbridge-webcomponents.bundle.js +506 -265
  2. package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
  3. package/dist/ar/building-blocks/poi-header/poi-header.css.js +8 -4
  4. package/dist/ar/building-blocks/poi-header/poi-header.css.js.map +1 -1
  5. package/dist/ar/chart-object-vessel-button/chart-object-vessel-button.css.js +7 -7
  6. package/dist/ar/poi-card-header/poi-card-header.css.js +12 -6
  7. package/dist/ar/poi-card-header/poi-card-header.css.js.map +1 -1
  8. package/dist/building-blocks/alert-list/alert-list.css.js +4 -2
  9. package/dist/building-blocks/alert-list/alert-list.css.js.map +1 -1
  10. package/dist/components/accordion-card/accordion-card.css.js +6 -3
  11. package/dist/components/accordion-card/accordion-card.css.js.map +1 -1
  12. package/dist/components/accordion-item/accordion-item.css.js +4 -2
  13. package/dist/components/accordion-item/accordion-item.css.js.map +1 -1
  14. package/dist/components/advice-button/advice-button.css.js +2 -1
  15. package/dist/components/advice-button/advice-button.css.js.map +1 -1
  16. package/dist/components/alert-button/alert-button.css.js +2 -1
  17. package/dist/components/alert-button/alert-button.css.js.map +1 -1
  18. package/dist/components/alert-frame/alert-frame.css.js +7 -3
  19. package/dist/components/alert-frame/alert-frame.css.js.map +1 -1
  20. package/dist/components/alert-list-details/alert-list-details.css.js +4 -2
  21. package/dist/components/alert-list-details/alert-list-details.css.js.map +1 -1
  22. package/dist/components/alert-menu/alert-menu.css.js +4 -2
  23. package/dist/components/alert-menu/alert-menu.css.js.map +1 -1
  24. package/dist/components/app-button/app-button.css.js +8 -4
  25. package/dist/components/app-button/app-button.css.js.map +1 -1
  26. package/dist/components/attachment-list-item/attachment-list-item.css.js +8 -4
  27. package/dist/components/attachment-list-item/attachment-list-item.css.js.map +1 -1
  28. package/dist/components/badge/badge.css.js +4 -2
  29. package/dist/components/badge/badge.css.js.map +1 -1
  30. package/dist/components/breadcrumb/breadcrumb.css.js +4 -2
  31. package/dist/components/breadcrumb/breadcrumb.css.js.map +1 -1
  32. package/dist/components/brilliance-menu/brilliance-menu.css.js +2 -1
  33. package/dist/components/brilliance-menu/brilliance-menu.css.js.map +1 -1
  34. package/dist/components/calendar/calendar.css.js +5 -3
  35. package/dist/components/calendar/calendar.css.js.map +1 -1
  36. package/dist/components/card/card.css.js +2 -1
  37. package/dist/components/card/card.css.js.map +1 -1
  38. package/dist/components/chat-message/chat-message.css.js +6 -3
  39. package/dist/components/chat-message/chat-message.css.js.map +1 -1
  40. package/dist/components/check-button/check-button.css.js +5 -3
  41. package/dist/components/check-button/check-button.css.js.map +1 -1
  42. package/dist/components/checkbox-item/checkbox-item.css.js +4 -2
  43. package/dist/components/checkbox-item/checkbox-item.css.js.map +1 -1
  44. package/dist/components/clock/clock.css.js +7 -3
  45. package/dist/components/clock/clock.css.js.map +1 -1
  46. package/dist/components/command-menu/command-menu.css.js +6 -3
  47. package/dist/components/command-menu/command-menu.css.js.map +1 -1
  48. package/dist/components/communication-table/communication-table.css.js +10 -5
  49. package/dist/components/communication-table/communication-table.css.js.map +1 -1
  50. package/dist/components/context-menu-input/context-menu-input.css.js +4 -2
  51. package/dist/components/context-menu-input/context-menu-input.css.js.map +1 -1
  52. package/dist/components/date-item/date-item.css.js +16 -8
  53. package/dist/components/date-item/date-item.css.js.map +1 -1
  54. package/dist/components/dropdown-button/dropdown-button.css.js +6 -3
  55. package/dist/components/dropdown-button/dropdown-button.css.js.map +1 -1
  56. package/dist/components/elevated-card/elevated-card.css.js +8 -4
  57. package/dist/components/elevated-card/elevated-card.css.js.map +1 -1
  58. package/dist/components/elevated-card-radio-group/elevated-card-radio-group.css.js +6 -3
  59. package/dist/components/elevated-card-radio-group/elevated-card-radio-group.css.js.map +1 -1
  60. package/dist/components/event-item/event-item.css.js +6 -3
  61. package/dist/components/event-item/event-item.css.js.map +1 -1
  62. package/dist/components/event-list/event-list.css.js +2 -1
  63. package/dist/components/event-list/event-list.css.js.map +1 -1
  64. package/dist/components/filter-chip/filter-chip.css.js +2 -1
  65. package/dist/components/filter-chip/filter-chip.css.js.map +1 -1
  66. package/dist/components/floating-item/floating-item.css.js +6 -3
  67. package/dist/components/floating-item/floating-item.css.js.map +1 -1
  68. package/dist/components/form-container/form-container.css.js +1 -1
  69. package/dist/components/form-group/form-group.css.js +4 -2
  70. package/dist/components/form-group/form-group.css.js.map +1 -1
  71. package/dist/components/form-item/form-item.css.js +4 -2
  72. package/dist/components/form-item/form-item.css.js.map +1 -1
  73. package/dist/components/icon-button/icon-button.css.js +2 -1
  74. package/dist/components/icon-button/icon-button.css.js.map +1 -1
  75. package/dist/components/icon-check-button/icon-check-button.css.js +4 -2
  76. package/dist/components/icon-check-button/icon-check-button.css.js.map +1 -1
  77. package/dist/components/input-chip/input-chip.css.js +2 -1
  78. package/dist/components/input-chip/input-chip.css.js.map +1 -1
  79. package/dist/components/keyboard-full/keyboard-full.css.js +2 -1
  80. package/dist/components/keyboard-full/keyboard-full.css.js.map +1 -1
  81. package/dist/components/keyboard-numeric/keyboard-numeric.css.js +2 -1
  82. package/dist/components/keyboard-numeric/keyboard-numeric.css.js.map +1 -1
  83. package/dist/components/menu-button/menu-button.css.js +4 -2
  84. package/dist/components/menu-button/menu-button.css.js.map +1 -1
  85. package/dist/components/message-menu-item/message-menu-item.css.js +6 -3
  86. package/dist/components/message-menu-item/message-menu-item.css.js.map +1 -1
  87. package/dist/components/modal-window/modal-window.css.js +2 -1
  88. package/dist/components/modal-window/modal-window.css.js.map +1 -1
  89. package/dist/components/navigation-item/navigation-item.css.js +9 -4
  90. package/dist/components/navigation-item/navigation-item.css.js.map +1 -1
  91. package/dist/components/notification-badge-button/notification-badge-button.css.js +2 -1
  92. package/dist/components/notification-badge-button/notification-badge-button.css.js.map +1 -1
  93. package/dist/components/notification-button/notification-button.css.js +2 -1
  94. package/dist/components/notification-button/notification-button.css.js.map +1 -1
  95. package/dist/components/number-input-field/number-input-field.css.js +4 -2
  96. package/dist/components/number-input-field/number-input-field.css.js.map +1 -1
  97. package/dist/components/pivot-item/pivot-item.css.js +4 -2
  98. package/dist/components/pivot-item/pivot-item.css.js.map +1 -1
  99. package/dist/components/progress-bar/progress-bar.css.js +4 -2
  100. package/dist/components/progress-bar/progress-bar.css.js.map +1 -1
  101. package/dist/components/progress-button/progress-button.css.js +4 -2
  102. package/dist/components/progress-button/progress-button.css.js.map +1 -1
  103. package/dist/components/radio/radio.css.js +4 -2
  104. package/dist/components/radio/radio.css.js.map +1 -1
  105. package/dist/components/rich-button/rich-button.css.js +4 -2
  106. package/dist/components/rich-button/rich-button.css.js.map +1 -1
  107. package/dist/components/sequence-item/sequence-item.css.js +11 -6
  108. package/dist/components/sequence-item/sequence-item.css.js.map +1 -1
  109. package/dist/components/sequence-loading-spinner/sequence-loading-spinner.css.js +3 -3
  110. package/dist/components/sequence-step/sequence-step.css.js +2 -1
  111. package/dist/components/sequence-step/sequence-step.css.js.map +1 -1
  112. package/dist/components/slide-button/slide-button.css.js +2 -1
  113. package/dist/components/slide-button/slide-button.css.js.map +1 -1
  114. package/dist/components/slider-double/slider-double.css.js +2 -1
  115. package/dist/components/slider-double/slider-double.css.js.map +1 -1
  116. package/dist/components/start-stop-switch/start-stop-switch.css.js +16 -8
  117. package/dist/components/start-stop-switch/start-stop-switch.css.js.map +1 -1
  118. package/dist/components/status-indicator/status-indicator.css.js +4 -2
  119. package/dist/components/status-indicator/status-indicator.css.js.map +1 -1
  120. package/dist/components/stepper-box/stepper-box.css.js +2 -1
  121. package/dist/components/stepper-box/stepper-box.css.js.map +1 -1
  122. package/dist/components/system-menu/system-menu.css.js +26 -13
  123. package/dist/components/system-menu/system-menu.css.js.map +1 -1
  124. package/dist/components/tab-item/tab-item.css.js +8 -5
  125. package/dist/components/tab-item/tab-item.css.js.map +1 -1
  126. package/dist/components/tabbed-card/tabbed-card.css.js +4 -2
  127. package/dist/components/tabbed-card/tabbed-card.css.js.map +1 -1
  128. package/dist/components/table/table.css.js +8 -5
  129. package/dist/components/table/table.css.js.map +1 -1
  130. package/dist/components/table-header-item/table-header-item.css.js +2 -1
  131. package/dist/components/table-header-item/table-header-item.css.js.map +1 -1
  132. package/dist/components/tag/tag.css.js +4 -2
  133. package/dist/components/tag/tag.css.js.map +1 -1
  134. package/dist/components/text-input-field/text-input-field.css.js +6 -3
  135. package/dist/components/text-input-field/text-input-field.css.js.map +1 -1
  136. package/dist/components/textarea-field/textarea-field.css.js +6 -3
  137. package/dist/components/textarea-field/textarea-field.css.js.map +1 -1
  138. package/dist/components/title-container/title-container.css.js +3 -2
  139. package/dist/components/title-container/title-container.css.js.map +1 -1
  140. package/dist/components/toggle-button-option/toggle-button-option.css.js +19 -12
  141. package/dist/components/toggle-button-option/toggle-button-option.css.js.map +1 -1
  142. package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js +4 -2
  143. package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js.map +1 -1
  144. package/dist/components/toggle-switch/toggle-switch.css.js +6 -3
  145. package/dist/components/toggle-switch/toggle-switch.css.js.map +1 -1
  146. package/dist/components/toggletip/toggletip.css.js +4 -2
  147. package/dist/components/toggletip/toggletip.css.js.map +1 -1
  148. package/dist/components/tooltip/tooltip.css.js +2 -1
  149. package/dist/components/tooltip/tooltip.css.js.map +1 -1
  150. package/dist/components/top-bar/top-bar.css.js +4 -2
  151. package/dist/components/top-bar/top-bar.css.js.map +1 -1
  152. package/dist/components/topbar-message-item/topbar-message-item.css.js +10 -5
  153. package/dist/components/topbar-message-item/topbar-message-item.css.js.map +1 -1
  154. package/dist/components/user-button/user-button.css.js +12 -7
  155. package/dist/components/user-button/user-button.css.js.map +1 -1
  156. package/dist/components/user-menu/user-menu.css.js +4 -2
  157. package/dist/components/user-menu/user-menu.css.js.map +1 -1
  158. package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.css.js +2 -1
  159. package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.css.js.map +1 -1
  160. package/dist/integration-systems/integration-button/integration-button.css.js +16 -8
  161. package/dist/integration-systems/integration-button/integration-button.css.js.map +1 -1
  162. package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js +10 -5
  163. package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js.map +1 -1
  164. package/dist/integration-systems/integration-fleet-button/integration-fleet-button.css.js +12 -6
  165. package/dist/integration-systems/integration-fleet-button/integration-fleet-button.css.js.map +1 -1
  166. package/dist/integration-systems/integration-tabs/integration-tabs.css.js +3 -1
  167. package/dist/integration-systems/integration-tabs/integration-tabs.css.js.map +1 -1
  168. package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.css.js +3 -1
  169. package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.css.js.map +1 -1
  170. package/dist/navigation-instruments/instrument-field/instrument-field.css.js +4 -2
  171. package/dist/navigation-instruments/instrument-field/instrument-field.css.js.map +1 -1
  172. package/dist/navigation-instruments/readout/readout.css.js +4 -2
  173. package/dist/navigation-instruments/readout/readout.css.js.map +1 -1
  174. package/dist/navigation-instruments/watch/watch.css.js +3 -2
  175. package/dist/navigation-instruments/watch/watch.css.js.map +1 -1
  176. package/dist/navigation-instruments/watch-flat/watch-flat.css.js +3 -2
  177. package/dist/navigation-instruments/watch-flat/watch-flat.css.js.map +1 -1
  178. package/dist/openbridge.css +4 -2
  179. package/dist/pages/alert-detail-page/alert-detail-page.css.js +15 -8
  180. package/dist/pages/alert-detail-page/alert-detail-page.css.js.map +1 -1
  181. package/package.json +2 -2
@@ -1255,7 +1255,8 @@ const componentStyle$1p = i$7`
1255
1255
  }
1256
1256
 
1257
1257
  .id-only-text {
1258
- font-family: var(--font-family-main);
1258
+ font-family: var(--global-typography-font-family);
1259
+ font-weight: var(--global-typography-ui-label-active-font-weight);
1259
1260
  font-size: var(--global-typography-ui-label-active-font-size);
1260
1261
  line-height: var(--global-typography-ui-label-active-line-height);
1261
1262
  font-feature-settings:
@@ -1312,7 +1313,8 @@ const componentStyle$1p = i$7`
1312
1313
  }
1313
1314
 
1314
1315
  .id-text {
1315
- font-family: var(--font-family-main);
1316
+ font-family: var(--global-typography-font-family);
1317
+ font-weight: var(--global-typography-ui-label-active-font-weight);
1316
1318
  font-size: var(--global-typography-ui-label-active-font-size);
1317
1319
  line-height: var(--global-typography-ui-label-active-line-height);
1318
1320
  font-feature-settings:
@@ -1340,7 +1342,8 @@ const componentStyle$1p = i$7`
1340
1342
  }
1341
1343
 
1342
1344
  .label-text {
1343
- font-family: var(--font-family-main);
1345
+ font-family: var(--global-typography-font-family);
1346
+ font-weight: var(--global-typography-ui-label-active-font-weight);
1344
1347
  font-size: var(--global-typography-ui-label-active-font-size);
1345
1348
  line-height: var(--global-typography-ui-label-active-line-height);
1346
1349
  font-feature-settings:
@@ -1355,7 +1358,8 @@ const componentStyle$1p = i$7`
1355
1358
  .wrapper.type-id.state-enabled .id-only-text,
1356
1359
  .wrapper.type-data.state-enabled .id-text,
1357
1360
  .wrapper.type-data.state-enabled .label-text {
1358
- font-family: var(--font-family-main);
1361
+ font-family: var(--global-typography-font-family);
1362
+ font-weight: var(--global-typography-ui-label-active-font-weight);
1359
1363
  font-size: var(--global-typography-ui-label-active-font-size);
1360
1364
  line-height: var(--global-typography-ui-label-active-line-height);
1361
1365
  font-feature-settings:
@@ -3138,7 +3142,7 @@ const compentStyle$1g = i$7`
3138
3142
  .course-arrow {
3139
3143
  position: absolute;
3140
3144
  left: 50%;
3141
- transform: translate(-50%, -50%) rotate(calc(var(--course)));
3145
+ transform: translate(-50%, -50%) rotate(calc(var(--course, 0deg)));
3142
3146
  transform-origin: center bottom;
3143
3147
  }
3144
3148
 
@@ -3146,7 +3150,7 @@ const compentStyle$1g = i$7`
3146
3150
  position: absolute;
3147
3151
  left: 50%;
3148
3152
  top: 50%;
3149
- transform: translate(-50%, -50%) rotate(calc(var(--heading)));
3153
+ transform: translate(-50%, -50%) rotate(calc(var(--heading, 0deg)));
3150
3154
  transform-origin: center center;
3151
3155
  }
3152
3156
 
@@ -3154,18 +3158,18 @@ const compentStyle$1g = i$7`
3154
3158
  position: absolute;
3155
3159
  left: 50%;
3156
3160
  top: 50%;
3157
- transform: translate(-50%, -50%) rotate(calc(var(--heading)));
3161
+ transform: translate(-50%, -50%) rotate(calc(var(--heading, 0deg)));
3158
3162
  transform-origin: center center;
3159
3163
  }
3160
3164
 
3161
3165
  .vessel-image-wrapper > slot {
3162
- width: var(--image-size);
3163
- height: var(--image-size);
3166
+ width: var(--image-size, 0px);
3167
+ height: var(--image-size, 0px);
3164
3168
  }
3165
3169
 
3166
3170
  .vessel-image-wrapper > svg {
3167
- width: calc(var(--image-size) * 160 / 136.87);
3168
- height: calc(var(--image-size) * 160 / 136.87);
3171
+ width: calc(var(--image-size, 0px) * 160 / 136.87);
3172
+ height: calc(var(--image-size, 0px) * 160 / 136.87);
3169
3173
  }
3170
3174
  `;
3171
3175
  const a = /* @__PURE__ */ Symbol.for(""), o$3 = (t2) => {
@@ -6970,7 +6974,8 @@ const componentStyle$1h = i$7`
6970
6974
  }
6971
6975
 
6972
6976
  .index-text {
6973
- font-family: var(--font-family-main);
6977
+ font-family: var(--global-typography-font-family);
6978
+ font-weight: var(--global-typography-ui-label-active-font-weight);
6974
6979
  font-size: var(--global-typography-ui-label-active-font-size);
6975
6980
  line-height: var(--global-typography-ui-label-active-line-height);
6976
6981
  font-feature-settings:
@@ -7011,7 +7016,8 @@ const componentStyle$1h = i$7`
7011
7016
  }
7012
7017
 
7013
7018
  .title {
7014
- font-family: var(--font-family-main);
7019
+ font-family: var(--global-typography-font-family);
7020
+ font-weight: var(--global-typography-ui-overline-font-weight);
7015
7021
  font-feature-settings:
7016
7022
  "liga" off,
7017
7023
  "clig" off,
@@ -7022,7 +7028,8 @@ const componentStyle$1h = i$7`
7022
7028
  }
7023
7029
 
7024
7030
  .title.detailed-title {
7025
- font-family: var(--font-family-main);
7031
+ font-family: var(--global-typography-font-family);
7032
+ font-weight: var(--global-typography-ui-body-active-font-weight);
7026
7033
  font-size: var(--global-typography-ui-body-active-font-size);
7027
7034
  line-height: var(--global-typography-ui-body-active-line-height);
7028
7035
  font-feature-settings:
@@ -7062,7 +7069,8 @@ const componentStyle$1h = i$7`
7062
7069
  }
7063
7070
 
7064
7071
  .source-text {
7065
- font-family: var(--font-family-main);
7072
+ font-family: var(--global-typography-font-family);
7073
+ font-weight: var(--global-typography-ui-label-active-font-weight);
7066
7074
  font-size: var(--global-typography-ui-label-active-font-size);
7067
7075
  line-height: var(--global-typography-ui-label-active-line-height);
7068
7076
  font-feature-settings:
@@ -7109,7 +7117,8 @@ const componentStyle$1h = i$7`
7109
7117
  }
7110
7118
 
7111
7119
  .description {
7112
- font-family: var(--font-family-main);
7120
+ font-family: var(--global-typography-font-family);
7121
+ font-weight: var(--global-typography-ui-label-font-weight);
7113
7122
  font-size: var(--global-typography-ui-label-font-size);
7114
7123
  line-height: var(--global-typography-ui-label-line-height);
7115
7124
  font-feature-settings:
@@ -7136,7 +7145,8 @@ const componentStyle$1h = i$7`
7136
7145
  }
7137
7146
 
7138
7147
  .timestamp {
7139
- font-family: var(--font-family-main);
7148
+ font-family: var(--global-typography-font-family);
7149
+ font-weight: var(--global-typography-ui-label-font-weight);
7140
7150
  font-size: var(--global-typography-ui-label-font-size);
7141
7151
  line-height: var(--global-typography-ui-label-line-height);
7142
7152
  font-feature-settings:
@@ -7256,7 +7266,8 @@ const iconStyle$1 = i$7`
7256
7266
  }
7257
7267
 
7258
7268
  .wrapper .label {
7259
- font-family: var(--font-family-main);
7269
+ font-family: var(--global-typography-font-family);
7270
+ font-weight: var(--global-typography-ui-label-font-weight);
7260
7271
  font-size: var(--global-typography-ui-label-font-size);
7261
7272
  line-height: var(--global-typography-ui-label-line-height);
7262
7273
  font-feature-settings:
@@ -14521,7 +14532,9 @@ const compentStyle$1c = i$7`
14521
14532
  var(--button-border-radius-bottom-right);
14522
14533
  align-items: center;
14523
14534
 
14524
- font-family: var(--font-family-main);
14535
+ font-family: var(--global-typography-font-family);
14536
+
14537
+ font-weight: var(--global-typography-ui-label-font-weight);
14525
14538
 
14526
14539
  font-size: var(--global-typography-ui-label-font-size);
14527
14540
 
@@ -14539,7 +14552,8 @@ const compentStyle$1c = i$7`
14539
14552
  }
14540
14553
 
14541
14554
  .text-size-large :is(.flap.bottom,.flap.top) {
14542
- font-family: var(--font-family-main);
14555
+ font-family: var(--global-typography-font-family);
14556
+ font-weight: var(--global-typography-ui-body-font-weight);
14543
14557
  font-size: var(--global-typography-ui-body-font-size);
14544
14558
  line-height: var(--global-typography-ui-body-line-height);
14545
14559
  font-feature-settings:
@@ -14553,7 +14567,8 @@ const compentStyle$1c = i$7`
14553
14567
  }
14554
14568
 
14555
14569
  :is(.text-size-large :is(.flap.bottom,.flap.top)) .label {
14556
- font-family: var(--font-family-main);
14570
+ font-family: var(--global-typography-font-family);
14571
+ font-weight: var(--global-typography-ui-body-active-font-weight);
14557
14572
  font-size: var(--global-typography-ui-body-active-font-size);
14558
14573
  line-height: var(--global-typography-ui-body-active-line-height);
14559
14574
  font-feature-settings:
@@ -49178,7 +49193,8 @@ const compentStyle$15 = i$7`
49178
49193
 
49179
49194
  .empty-list .empty-title {
49180
49195
  color: var(--element-active-color);
49181
- font-family: var(--font-family-main);
49196
+ font-family: var(--global-typography-font-family);
49197
+ font-weight: var(--global-typography-ui-body-active-font-weight);
49182
49198
  font-size: var(--global-typography-ui-body-active-font-size);
49183
49199
  line-height: var(--global-typography-ui-body-active-line-height);
49184
49200
  font-feature-settings:
@@ -49189,7 +49205,8 @@ const compentStyle$15 = i$7`
49189
49205
 
49190
49206
  .empty-list .empty-description {
49191
49207
  color: var(--element-neutral-color);
49192
- font-family: var(--font-family-main);
49208
+ font-family: var(--global-typography-font-family);
49209
+ font-weight: var(--global-typography-ui-body-font-weight);
49193
49210
  font-size: var(--global-typography-ui-body-font-size);
49194
49211
  line-height: var(--global-typography-ui-body-line-height);
49195
49212
  font-feature-settings:
@@ -50527,14 +50544,15 @@ const compentStyle$13 = i$7`
50527
50544
  }
50528
50545
 
50529
50546
  .label {
50530
- font-family: var(--font-family-main);
50547
+ font-family: var(--global-typography-font-family);
50548
+ font-weight: var(--global-typography-ui-body-font-weight);
50531
50549
  font-size: var(--global-typography-ui-body-font-size);
50532
50550
  line-height: var(--global-typography-ui-body-line-height);
50533
50551
  font-feature-settings:
50534
50552
  "liga" off,
50535
50553
  "clig" off,
50536
50554
  "ss04" on;
50537
- font-size: calc(12px / var(--scale));
50555
+ font-size: calc(12px / var(--scale, 1));
50538
50556
  fill: var(--element-neutral-color);
50539
50557
  dominant-baseline: central;
50540
50558
  text-anchor: middle;
@@ -53222,7 +53240,8 @@ const compentStyle$12 = i$7`
53222
53240
  }
53223
53241
 
53224
53242
  .wrapper .content-button {
53225
- font-family: var(--font-family-main);
53243
+ font-family: var(--global-typography-font-family);
53244
+ font-weight: var(--global-typography-ui-body-font-weight);
53226
53245
  font-size: var(--global-typography-ui-body-font-size);
53227
53246
  line-height: var(--global-typography-ui-body-line-height);
53228
53247
  font-feature-settings:
@@ -53311,7 +53330,8 @@ const compentStyle$12 = i$7`
53311
53330
 
53312
53331
  .wrapper.state-expanded .container-content-additional {
53313
53332
  color: var(--element-neutral-color);
53314
- font-family: var(--font-family-main);
53333
+ font-family: var(--global-typography-font-family);
53334
+ font-weight: var(--global-typography-ui-body-font-weight);
53315
53335
  font-size: var(--global-typography-ui-body-font-size);
53316
53336
  line-height: var(--global-typography-ui-body-line-height);
53317
53337
  font-feature-settings:
@@ -53357,7 +53377,8 @@ const compentStyle$12 = i$7`
53357
53377
  }
53358
53378
 
53359
53379
  .wrapper.style-large .label-description {
53360
- font-family: var(--font-family-main);
53380
+ font-family: var(--global-typography-font-family);
53381
+ font-weight: var(--global-typography-ui-label-font-weight);
53361
53382
  font-size: var(--global-typography-ui-label-font-size);
53362
53383
  line-height: var(--global-typography-ui-label-line-height);
53363
53384
  font-feature-settings:
@@ -53660,7 +53681,8 @@ const componentStyle$13 = i$7`
53660
53681
  }
53661
53682
 
53662
53683
  .content-button {
53663
- font-family: var(--font-family-main);
53684
+ font-family: var(--global-typography-font-family);
53685
+ font-weight: var(--global-typography-ui-overline-font-weight);
53664
53686
  font-size: var(--global-typography-ui-overline-font-size);
53665
53687
  line-height: var(--global-typography-ui-overline-line-height);
53666
53688
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -53718,7 +53740,8 @@ const componentStyle$13 = i$7`
53718
53740
  }
53719
53741
 
53720
53742
  .title {
53721
- font-family: var(--font-family-main);
53743
+ font-family: var(--global-typography-font-family);
53744
+ font-weight: var(--global-typography-ui-overline-font-weight);
53722
53745
  font-size: var(--global-typography-ui-overline-font-size);
53723
53746
  line-height: var(--global-typography-ui-overline-line-height);
53724
53747
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -54128,7 +54151,8 @@ obi-notification-advice-active {
54128
54151
  }
54129
54152
 
54130
54153
  .count-label {
54131
- font-family: var(--font-family-main);
54154
+ font-family: var(--global-typography-font-family);
54155
+ font-weight: var(--global-typography-ui-button-font-weight);
54132
54156
  font-size: var(--global-typography-ui-button-font-size);
54133
54157
  line-height: var(--global-typography-ui-button-line-height);
54134
54158
  font-feature-settings:
@@ -54429,7 +54453,8 @@ const componentStyle$10 = i$7`
54429
54453
  }
54430
54454
 
54431
54455
  :is(.wrapper .title-container) .title {
54432
- font-family: var(--font-family-main);
54456
+ font-family: var(--global-typography-font-family);
54457
+ font-weight: var(--global-typography-ui-body-active-font-weight);
54433
54458
  font-size: var(--global-typography-ui-body-active-font-size);
54434
54459
  line-height: var(--global-typography-ui-body-active-line-height);
54435
54460
  font-feature-settings:
@@ -54445,7 +54470,8 @@ const componentStyle$10 = i$7`
54445
54470
  }
54446
54471
 
54447
54472
  :is(.wrapper .title-container) .timestamp {
54448
- font-family: var(--font-family-main);
54473
+ font-family: var(--global-typography-font-family);
54474
+ font-weight: var(--global-typography-ui-label-font-weight);
54449
54475
  font-size: var(--global-typography-ui-label-font-size);
54450
54476
  line-height: var(--global-typography-ui-label-line-height);
54451
54477
  font-feature-settings:
@@ -54466,7 +54492,8 @@ const componentStyle$10 = i$7`
54466
54492
  align-self: stretch;
54467
54493
  overflow: hidden;
54468
54494
  color: var(--element-active-color);
54469
- font-family: var(--font-family-main);
54495
+ font-family: var(--global-typography-font-family);
54496
+ font-weight: var(--global-typography-ui-body-font-weight);
54470
54497
  font-size: var(--global-typography-ui-body-font-size);
54471
54498
  line-height: var(--global-typography-ui-body-line-height);
54472
54499
  font-feature-settings:
@@ -55022,7 +55049,8 @@ const compentStyle$10 = i$7`
55022
55049
 
55023
55050
  .wrapper .title-container {
55024
55051
  grid-area: title;
55025
- font-family: var(--font-family-main);
55052
+ font-family: var(--global-typography-font-family);
55053
+ font-weight: var(--global-typography-ui-body-active-font-weight);
55026
55054
  font-size: var(--global-typography-ui-body-active-font-size);
55027
55055
  line-height: var(--global-typography-ui-body-active-line-height);
55028
55056
  font-feature-settings:
@@ -55035,7 +55063,8 @@ const compentStyle$10 = i$7`
55035
55063
 
55036
55064
  .wrapper .description-container {
55037
55065
  grid-area: description;
55038
- font-family: var(--font-family-main);
55066
+ font-family: var(--global-typography-font-family);
55067
+ font-weight: var(--global-typography-ui-body-font-weight);
55039
55068
  font-size: var(--global-typography-ui-body-font-size);
55040
55069
  line-height: var(--global-typography-ui-body-line-height);
55041
55070
  font-feature-settings:
@@ -55060,7 +55089,8 @@ const compentStyle$10 = i$7`
55060
55089
 
55061
55090
  .wrapper .date-container {
55062
55091
  grid-area: date;
55063
- font-family: var(--font-family-main);
55092
+ font-family: var(--global-typography-font-family);
55093
+ font-weight: var(--global-typography-ui-label-font-weight);
55064
55094
  font-size: var(--global-typography-ui-label-font-size);
55065
55095
  line-height: var(--global-typography-ui-label-line-height);
55066
55096
  font-feature-settings:
@@ -55786,7 +55816,8 @@ const compentStyle$$ = i$7`
55786
55816
  }
55787
55817
 
55788
55818
  .title {
55789
- font-family: var(--font-family-main);
55819
+ font-family: var(--global-typography-font-family);
55820
+ font-weight: var(--global-typography-ui-body-active-font-weight);
55790
55821
  font-size: var(--global-typography-ui-body-active-font-size);
55791
55822
  line-height: var(--global-typography-ui-body-active-line-height);
55792
55823
  font-feature-settings:
@@ -55801,7 +55832,8 @@ const compentStyle$$ = i$7`
55801
55832
  }
55802
55833
 
55803
55834
  .description {
55804
- font-family: var(--font-family-main);
55835
+ font-family: var(--global-typography-font-family);
55836
+ font-weight: var(--global-typography-ui-body-font-weight);
55805
55837
  font-size: var(--global-typography-ui-body-font-size);
55806
55838
  line-height: var(--global-typography-ui-body-line-height);
55807
55839
  font-feature-settings:
@@ -55832,7 +55864,8 @@ const compentStyle$$ = i$7`
55832
55864
  }
55833
55865
 
55834
55866
  .time {
55835
- font-family: var(--font-family-main);
55867
+ font-family: var(--global-typography-font-family);
55868
+ font-weight: var(--global-typography-ui-label-font-weight);
55836
55869
  font-size: var(--global-typography-ui-label-font-size);
55837
55870
  line-height: var(--global-typography-ui-label-line-height);
55838
55871
  font-feature-settings:
@@ -55962,7 +55995,8 @@ const compentStyle$$ = i$7`
55962
55995
  }
55963
55996
 
55964
55997
  .action {
55965
- font-family: var(--font-family-main);
55998
+ font-family: var(--global-typography-font-family);
55999
+ font-weight: var(--global-typography-ui-button-font-weight);
55966
56000
  font-size: var(--global-typography-ui-button-font-size);
55967
56001
  line-height: var(--global-typography-ui-button-line-height);
55968
56002
  font-feature-settings:
@@ -56036,7 +56070,8 @@ const compentStyle$$ = i$7`
56036
56070
  --base-border-color: var(--indent-enabled-border-color);
56037
56071
  --base-background-color: var(--indent-enabled-background-color);
56038
56072
  color: var(--on-indent-neutral-color);
56039
- font-family: var(--font-family-main);
56073
+ font-family: var(--global-typography-font-family);
56074
+ font-weight: var(--global-typography-ui-body-font-weight);
56040
56075
  font-size: var(--global-typography-ui-body-font-size);
56041
56076
  line-height: var(--global-typography-ui-body-line-height);
56042
56077
  font-feature-settings:
@@ -57087,7 +57122,8 @@ button {
57087
57122
  justify-content: center;
57088
57123
  align-items: center;
57089
57124
  color: var(--on-normal-neutral-color);
57090
- font-family: var(--font-family-main);
57125
+ font-family: var(--global-typography-font-family);
57126
+ font-weight: var(--global-typography-ui-button-font-weight);
57091
57127
  font-size: var(--global-typography-ui-button-font-size);
57092
57128
  line-height: var(--global-typography-ui-button-line-height);
57093
57129
  font-feature-settings:
@@ -58428,7 +58464,8 @@ obc-table::part(grid) {
58428
58464
 
58429
58465
  .empty-list .empty-title {
58430
58466
  color: var(--element-active-color);
58431
- font-family: var(--font-family-main);
58467
+ font-family: var(--global-typography-font-family);
58468
+ font-weight: var(--global-typography-ui-body-active-font-weight);
58432
58469
  font-size: var(--global-typography-ui-body-active-font-size);
58433
58470
  line-height: var(--global-typography-ui-body-active-line-height);
58434
58471
  font-feature-settings:
@@ -58439,7 +58476,8 @@ obc-table::part(grid) {
58439
58476
 
58440
58477
  .empty-list .empty-description {
58441
58478
  color: var(--element-neutral-color);
58442
- font-family: var(--font-family-main);
58479
+ font-family: var(--global-typography-font-family);
58480
+ font-weight: var(--global-typography-ui-body-font-weight);
58443
58481
  font-size: var(--global-typography-ui-body-font-size);
58444
58482
  line-height: var(--global-typography-ui-body-line-height);
58445
58483
  font-feature-settings:
@@ -58723,7 +58761,7 @@ const compentStyle$Y = i$7`
58723
58761
  .grid-container {
58724
58762
  display: grid;
58725
58763
  height: 100%;
58726
- grid-template-columns: repeat(var(--grid-columns), auto);
58764
+ grid-template-columns: repeat(var(--grid-columns, 1), auto);
58727
58765
  align-content: start;
58728
58766
  grid-template-rows: min-content min-content 1fr;
58729
58767
  }
@@ -58734,7 +58772,7 @@ const compentStyle$Y = i$7`
58734
58772
  --selection-column-width,
58735
58773
  var(--menu-navigation-components-table-item-touch-target-size)
58736
58774
  )
58737
- repeat(var(--grid-columns-rest), minmax(0, 1fr));
58775
+ repeat(var(--grid-columns-rest, 1), minmax(0, 1fr));
58738
58776
  }
58739
58777
 
58740
58778
  .grid-container .grid-header {
@@ -59053,7 +59091,8 @@ const compentStyle$Y = i$7`
59053
59091
  min-height: 100%;
59054
59092
  min-width: var(--menu-navigation-components-table-item-touch-target-size);
59055
59093
  gap: var(--menu-navigation-components-table-item-label-spacing);
59056
- font-family: var(--font-family-main);
59094
+ font-family: var(--global-typography-font-family);
59095
+ font-weight: var(--global-typography-ui-body-font-weight);
59057
59096
  font-size: var(--global-typography-ui-body-font-size);
59058
59097
  line-height: var(--global-typography-ui-body-line-height);
59059
59098
  font-feature-settings:
@@ -59142,7 +59181,8 @@ const compentStyle$Y = i$7`
59142
59181
  }
59143
59182
 
59144
59183
  :is(:is(.grid-container .grid-row) .grid-cell) .title {
59145
- font-family: var(--font-family-main);
59184
+ font-family: var(--global-typography-font-family);
59185
+ font-weight: var(--global-typography-ui-body-active-font-weight);
59146
59186
  font-size: var(--global-typography-ui-body-active-font-size);
59147
59187
  line-height: var(--global-typography-ui-body-active-line-height);
59148
59188
  font-feature-settings:
@@ -59189,7 +59229,8 @@ const compentStyle$Y = i$7`
59189
59229
  }
59190
59230
 
59191
59231
  .tags:is(:is(.grid-container .grid-row) .grid-cell) .tag-overflow {
59192
- font-family: var(--font-family-main);
59232
+ font-family: var(--global-typography-font-family);
59233
+ font-weight: var(--global-typography-ui-label-font-weight);
59193
59234
  font-size: var(--global-typography-ui-label-font-size);
59194
59235
  line-height: var(--global-typography-ui-label-line-height);
59195
59236
  font-feature-settings:
@@ -59244,7 +59285,8 @@ const compentStyle$X = i$7`
59244
59285
  appearance: none;
59245
59286
  border: none;
59246
59287
  background: transparent;
59247
- font-family: var(--font-family-main);
59288
+ font-family: var(--global-typography-font-family);
59289
+ font-weight: var(--global-typography-ui-overline-font-weight);
59248
59290
  font-size: var(--global-typography-ui-overline-font-size);
59249
59291
  line-height: var(--global-typography-ui-overline-line-height);
59250
59292
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -60248,7 +60290,8 @@ const componentStyle$Y = i$7`
60248
60290
  }
60249
60291
 
60250
60292
  .wrapper .tag-label {
60251
- font-family: var(--font-family-main);
60293
+ font-family: var(--global-typography-font-family);
60294
+ font-weight: var(--global-typography-ui-label-font-weight);
60252
60295
  font-size: var(--global-typography-ui-label-font-size);
60253
60296
  line-height: var(--global-typography-ui-label-line-height);
60254
60297
  font-feature-settings:
@@ -60279,7 +60322,8 @@ const componentStyle$Y = i$7`
60279
60322
  }
60280
60323
 
60281
60324
  .wrapper.size-large .tag-label {
60282
- font-family: var(--font-family-main);
60325
+ font-family: var(--global-typography-font-family);
60326
+ font-weight: var(--global-typography-ui-body-font-weight);
60283
60327
  font-size: var(--global-typography-ui-body-font-size);
60284
60328
  line-height: var(--global-typography-ui-body-line-height);
60285
60329
  font-feature-settings:
@@ -61779,7 +61823,8 @@ const compentStyle$V = i$7`
61779
61823
 
61780
61824
  .empty-list .empty-title {
61781
61825
  color: var(--element-active-color);
61782
- font-family: var(--font-family-main);
61826
+ font-family: var(--global-typography-font-family);
61827
+ font-weight: var(--global-typography-ui-body-active-font-weight);
61783
61828
  font-size: var(--global-typography-ui-body-active-font-size);
61784
61829
  line-height: var(--global-typography-ui-body-active-line-height);
61785
61830
  font-feature-settings:
@@ -61790,7 +61835,8 @@ const compentStyle$V = i$7`
61790
61835
 
61791
61836
  .empty-list .empty-description {
61792
61837
  color: var(--element-neutral-color);
61793
- font-family: var(--font-family-main);
61838
+ font-family: var(--global-typography-font-family);
61839
+ font-weight: var(--global-typography-ui-body-font-weight);
61794
61840
  font-size: var(--global-typography-ui-body-font-size);
61795
61841
  line-height: var(--global-typography-ui-body-line-height);
61796
61842
  font-feature-settings:
@@ -62023,7 +62069,8 @@ const compentStyle$U = i$7`
62023
62069
  }
62024
62070
 
62025
62071
  .tab-button {
62026
- font-family: var(--font-family-main);
62072
+ font-family: var(--global-typography-font-family);
62073
+ font-weight: var(--global-typography-ui-body-font-weight);
62027
62074
  font-size: var(--global-typography-ui-body-font-size);
62028
62075
  line-height: var(--global-typography-ui-body-line-height);
62029
62076
  font-feature-settings:
@@ -62065,7 +62112,8 @@ const compentStyle$U = i$7`
62065
62112
  }
62066
62113
 
62067
62114
  .tab-button[aria-selected="true"] {
62068
- font-family: var(--font-family-main);
62115
+ font-family: var(--global-typography-font-family);
62116
+ font-weight: var(--global-typography-ui-body-active-font-weight);
62069
62117
  font-size: var(--global-typography-ui-body-active-font-size);
62070
62118
  line-height: var(--global-typography-ui-body-active-line-height);
62071
62119
  font-feature-settings:
@@ -62584,7 +62632,8 @@ const compentStyle$T = i$7`
62584
62632
  .wrapper .label {
62585
62633
  color: var(--element-active-color);
62586
62634
  text-align: center;
62587
- font-family: var(--font-family-main);
62635
+ font-family: var(--global-typography-font-family);
62636
+ font-weight: var(--global-typography-ui-label-font-weight);
62588
62637
  font-size: var(--global-typography-ui-label-font-size);
62589
62638
  line-height: var(--global-typography-ui-label-line-height);
62590
62639
  font-feature-settings:
@@ -62671,7 +62720,8 @@ const compentStyle$T = i$7`
62671
62720
  }
62672
62721
 
62673
62722
  .wrapper.checked .label {
62674
- font-family: var(--font-family-main);
62723
+ font-family: var(--global-typography-font-family);
62724
+ font-weight: var(--global-typography-ui-label-active-font-weight);
62675
62725
  font-size: var(--global-typography-ui-label-active-font-size);
62676
62726
  line-height: var(--global-typography-ui-label-active-line-height);
62677
62727
  font-feature-settings:
@@ -62694,7 +62744,8 @@ const compentStyle$T = i$7`
62694
62744
  }
62695
62745
 
62696
62746
  .wrapper.integration .label {
62697
- font-family: var(--font-family-main);
62747
+ font-family: var(--global-typography-font-family);
62748
+ font-weight: var(--global-typography-ui-label-font-weight);
62698
62749
  font-size: var(--global-typography-ui-label-font-size);
62699
62750
  line-height: var(--global-typography-ui-label-line-height);
62700
62751
  font-feature-settings:
@@ -62765,7 +62816,8 @@ const compentStyle$T = i$7`
62765
62816
  }
62766
62817
 
62767
62818
  .wrapper.integration.checked .label {
62768
- font-family: var(--font-family-main);
62819
+ font-family: var(--global-typography-font-family);
62820
+ font-weight: var(--global-typography-ui-label-active-font-weight);
62769
62821
  font-size: var(--global-typography-ui-label-active-font-size);
62770
62822
  line-height: var(--global-typography-ui-label-active-line-height);
62771
62823
  font-feature-settings:
@@ -63043,7 +63095,8 @@ const componentStyle$X = i$7`
63043
63095
  }
63044
63096
 
63045
63097
  .label-text {
63046
- font-family: var(--font-family-main);
63098
+ font-family: var(--global-typography-font-family);
63099
+ font-weight: var(--global-typography-ui-label-font-weight);
63047
63100
  font-size: var(--global-typography-ui-label-font-size);
63048
63101
  line-height: var(--global-typography-ui-label-line-height);
63049
63102
  font-feature-settings:
@@ -63199,7 +63252,8 @@ const componentStyle$X = i$7`
63199
63252
 
63200
63253
  .helper-text,
63201
63254
  .error-text {
63202
- font-family: var(--font-family-main);
63255
+ font-family: var(--global-typography-font-family);
63256
+ font-weight: var(--global-typography-ui-label-font-weight);
63203
63257
  font-size: var(--global-typography-ui-label-font-size);
63204
63258
  line-height: var(--global-typography-ui-label-line-height);
63205
63259
  font-feature-settings:
@@ -63263,7 +63317,8 @@ const componentStyle$X = i$7`
63263
63317
  /* Text input specific: uses body font instead of instrument font */
63264
63318
 
63265
63319
  .value-input {
63266
- font-family: var(--font-family-main);
63320
+ font-family: var(--global-typography-font-family);
63321
+ font-weight: var(--global-typography-ui-body-font-weight);
63267
63322
  font-size: var(--global-typography-ui-body-font-size);
63268
63323
  line-height: var(--global-typography-ui-body-line-height);
63269
63324
  font-feature-settings:
@@ -64000,7 +64055,8 @@ const componentStyle$W = i$7`
64000
64055
  }
64001
64056
 
64002
64057
  .index-label {
64003
- font-family: var(--font-family-main);
64058
+ font-family: var(--global-typography-font-family);
64059
+ font-weight: var(--global-typography-ui-body-active-font-weight);
64004
64060
  font-size: var(--global-typography-ui-body-active-font-size);
64005
64061
  line-height: var(--global-typography-ui-body-active-line-height);
64006
64062
  font-feature-settings:
@@ -64040,7 +64096,8 @@ const componentStyle$W = i$7`
64040
64096
  }
64041
64097
 
64042
64098
  .file-name {
64043
- font-family: var(--font-family-main);
64099
+ font-family: var(--global-typography-font-family);
64100
+ font-weight: var(--global-typography-ui-body-font-weight);
64044
64101
  font-size: var(--global-typography-ui-body-font-size);
64045
64102
  line-height: var(--global-typography-ui-body-line-height);
64046
64103
  font-feature-settings:
@@ -64072,7 +64129,8 @@ const componentStyle$W = i$7`
64072
64129
  }
64073
64130
 
64074
64131
  .date-label {
64075
- font-family: var(--font-family-main);
64132
+ font-family: var(--global-typography-font-family);
64133
+ font-weight: var(--global-typography-ui-label-active-font-weight);
64076
64134
  font-size: var(--global-typography-ui-label-active-font-size);
64077
64135
  line-height: var(--global-typography-ui-label-active-line-height);
64078
64136
  font-feature-settings:
@@ -64086,7 +64144,8 @@ const componentStyle$W = i$7`
64086
64144
  }
64087
64145
 
64088
64146
  .time-label {
64089
- font-family: var(--font-family-main);
64147
+ font-family: var(--global-typography-font-family);
64148
+ font-weight: var(--global-typography-ui-label-font-weight);
64090
64149
  font-size: var(--global-typography-ui-label-font-size);
64091
64150
  line-height: var(--global-typography-ui-label-line-height);
64092
64151
  font-feature-settings:
@@ -65418,7 +65477,8 @@ const compentStyle$Q = i$7`
65418
65477
  }
65419
65478
 
65420
65479
  .wrapper .number {
65421
- font-family: var(--font-family-main);
65480
+ font-family: var(--global-typography-font-family);
65481
+ font-weight: var(--global-typography-ui-label-active-font-weight);
65422
65482
  font-size: var(--global-typography-ui-label-active-font-size);
65423
65483
  line-height: var(--global-typography-ui-label-active-line-height);
65424
65484
  font-feature-settings:
@@ -65454,7 +65514,8 @@ const compentStyle$Q = i$7`
65454
65514
  }
65455
65515
 
65456
65516
  .wrapper.size-large .number-text {
65457
- font-family: var(--font-family-main);
65517
+ font-family: var(--global-typography-font-family);
65518
+ font-weight: var(--global-typography-ui-body-active-font-weight);
65458
65519
  font-size: var(--global-typography-ui-body-active-font-size);
65459
65520
  line-height: var(--global-typography-ui-body-active-line-height);
65460
65521
  font-feature-settings:
@@ -65995,7 +66056,8 @@ li {
65995
66056
 
65996
66057
  li .label-wrapper {
65997
66058
  color: var(--on-flat-neutral-color);
65998
- font-family: var(--font-family-main);
66059
+ font-family: var(--global-typography-font-family);
66060
+ font-weight: var(--global-typography-ui-body-font-weight);
65999
66061
  font-size: var(--global-typography-ui-body-font-size);
66000
66062
  line-height: var(--global-typography-ui-body-line-height);
66001
66063
  font-feature-settings:
@@ -66090,7 +66152,8 @@ li .visible-wrapper {
66090
66152
  }
66091
66153
 
66092
66154
  li .active {
66093
- font-family: var(--font-family-main);
66155
+ font-family: var(--global-typography-font-family);
66156
+ font-weight: var(--global-typography-ui-body-active-font-weight);
66094
66157
  font-size: var(--global-typography-ui-body-active-font-size);
66095
66158
  line-height: var(--global-typography-ui-body-active-line-height);
66096
66159
  font-feature-settings:
@@ -66210,7 +66273,8 @@ const componentStyle$T = i$7`
66210
66273
  }
66211
66274
 
66212
66275
  .title-container h3 {
66213
- font-family: var(--font-family-main);
66276
+ font-family: var(--global-typography-font-family);
66277
+ font-weight: var(--global-typography-ui-overline-font-weight);
66214
66278
  font-size: var(--global-typography-ui-overline-font-size);
66215
66279
  line-height: var(--global-typography-ui-overline-line-height);
66216
66280
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -66381,7 +66445,8 @@ label.has-description .icon-label-container {
66381
66445
  }
66382
66446
 
66383
66447
  label .label {
66384
- font-family: var(--font-family-main);
66448
+ font-family: var(--global-typography-font-family);
66449
+ font-weight: var(--global-typography-ui-body-font-weight);
66385
66450
  font-size: var(--global-typography-ui-body-font-size);
66386
66451
  line-height: var(--global-typography-ui-body-line-height);
66387
66452
  font-feature-settings:
@@ -66391,7 +66456,8 @@ label .label {
66391
66456
  }
66392
66457
 
66393
66458
  label .description {
66394
- font-family: var(--font-family-main);
66459
+ font-family: var(--global-typography-font-family);
66460
+ font-weight: var(--global-typography-ui-label-font-weight);
66395
66461
  font-size: var(--global-typography-ui-label-font-size);
66396
66462
  line-height: var(--global-typography-ui-label-line-height);
66397
66463
  font-feature-settings:
@@ -66551,7 +66617,8 @@ label.disabled .knob {
66551
66617
  }
66552
66618
 
66553
66619
  label.checked .label {
66554
- font-family: var(--font-family-main);
66620
+ font-family: var(--global-typography-font-family);
66621
+ font-weight: var(--global-typography-ui-body-active-font-weight);
66555
66622
  font-size: var(--global-typography-ui-body-active-font-size);
66556
66623
  line-height: var(--global-typography-ui-body-active-line-height);
66557
66624
  font-feature-settings:
@@ -66805,9 +66872,7 @@ const componentStyle$R = i$7`
66805
66872
  .wrapper {
66806
66873
  height: var(--ui-components-button-touch-target-size);
66807
66874
  width: 100%;
66808
- min-width: var(
66809
- --ui-components-icon-toggle-button-horizontal-item-touch-target-size
66810
- );
66875
+ min-width: var(--ui-components-toggle-button-touch-target-size);
66811
66876
  min-height: var(
66812
66877
  --ui-components-toggle-button-toggle-button-item-touch-target-size
66813
66878
  );
@@ -66942,7 +67007,8 @@ const componentStyle$R = i$7`
66942
67007
  }
66943
67008
 
66944
67009
  .wrapper.inline-label .label {
66945
- font-family: var(--font-family-main);
67010
+ font-family: var(--global-typography-font-family);
67011
+ font-weight: var(--global-typography-ui-body-font-weight);
66946
67012
  font-size: var(--global-typography-ui-body-font-size);
66947
67013
  line-height: var(--global-typography-ui-body-line-height);
66948
67014
  font-feature-settings:
@@ -67015,7 +67081,8 @@ const componentStyle$R = i$7`
67015
67081
  }
67016
67082
 
67017
67083
  .wrapper.selected.type-regular .label {
67018
- font-family: var(--font-family-main);
67084
+ font-family: var(--global-typography-font-family);
67085
+ font-weight: var(--global-typography-ui-label-active-font-weight);
67019
67086
  font-size: var(--global-typography-ui-label-active-font-size);
67020
67087
  line-height: var(--global-typography-ui-label-active-line-height);
67021
67088
  font-feature-settings:
@@ -67025,7 +67092,8 @@ const componentStyle$R = i$7`
67025
67092
  }
67026
67093
 
67027
67094
  .wrapper.selected.type-regular.inline-label .label {
67028
- font-family: var(--font-family-main);
67095
+ font-family: var(--global-typography-font-family);
67096
+ font-weight: var(--global-typography-ui-body-active-font-weight);
67029
67097
  font-size: var(--global-typography-ui-body-active-font-size);
67030
67098
  line-height: var(--global-typography-ui-body-active-line-height);
67031
67099
  font-feature-settings:
@@ -67110,7 +67178,8 @@ const componentStyle$R = i$7`
67110
67178
  }
67111
67179
 
67112
67180
  .wrapper.selected.type-flat .label {
67113
- font-family: var(--font-family-main);
67181
+ font-family: var(--global-typography-font-family);
67182
+ font-weight: var(--global-typography-ui-label-active-font-weight);
67114
67183
  font-size: var(--global-typography-ui-label-active-font-size);
67115
67184
  line-height: var(--global-typography-ui-label-active-line-height);
67116
67185
  font-feature-settings:
@@ -67121,7 +67190,8 @@ const componentStyle$R = i$7`
67121
67190
  }
67122
67191
 
67123
67192
  .wrapper.selected.type-flat.inline-label .label {
67124
- font-family: var(--font-family-main);
67193
+ font-family: var(--global-typography-font-family);
67194
+ font-weight: var(--global-typography-ui-body-active-font-weight);
67125
67195
  font-size: var(--global-typography-ui-body-active-font-size);
67126
67196
  line-height: var(--global-typography-ui-body-active-line-height);
67127
67197
  font-feature-settings:
@@ -67202,7 +67272,8 @@ const componentStyle$R = i$7`
67202
67272
  }
67203
67273
 
67204
67274
  .wrapper.selected.type-normal .label {
67205
- font-family: var(--font-family-main);
67275
+ font-family: var(--global-typography-font-family);
67276
+ font-weight: var(--global-typography-ui-label-active-font-weight);
67206
67277
  font-size: var(--global-typography-ui-label-active-font-size);
67207
67278
  line-height: var(--global-typography-ui-label-active-line-height);
67208
67279
  font-feature-settings:
@@ -67213,7 +67284,8 @@ const componentStyle$R = i$7`
67213
67284
  }
67214
67285
 
67215
67286
  .wrapper.selected.type-normal.inline-label .label {
67216
- font-family: var(--font-family-main);
67287
+ font-family: var(--global-typography-font-family);
67288
+ font-weight: var(--global-typography-ui-body-active-font-weight);
67217
67289
  font-size: var(--global-typography-ui-body-active-font-size);
67218
67290
  line-height: var(--global-typography-ui-body-active-line-height);
67219
67291
  font-feature-settings:
@@ -67235,7 +67307,8 @@ const componentStyle$R = i$7`
67235
67307
 
67236
67308
  .wrapper.selected.icon-text-under .label {
67237
67309
  color: var(--element-active-color);
67238
- font-family: var(--font-family-main);
67310
+ font-family: var(--global-typography-font-family);
67311
+ font-weight: var(--global-typography-ui-label-active-font-weight);
67239
67312
  font-size: var(--global-typography-ui-label-active-font-size);
67240
67313
  line-height: var(--global-typography-ui-label-active-line-height);
67241
67314
  font-feature-settings:
@@ -67268,7 +67341,8 @@ const componentStyle$R = i$7`
67268
67341
  .wrapper.icon-text-under .label {
67269
67342
  color: var(--element-active-color, #1a1a1a);
67270
67343
  text-align: center;
67271
- font-family: var(--font-family-main);
67344
+ font-family: var(--global-typography-font-family);
67345
+ font-weight: var(--global-typography-ui-label-font-weight);
67272
67346
  font-size: var(--global-typography-ui-label-font-size);
67273
67347
  line-height: var(--global-typography-ui-label-line-height);
67274
67348
  font-feature-settings:
@@ -68405,7 +68479,9 @@ const compentStyle$N = i$7`
68405
68479
 
68406
68480
  .wrapper {
68407
68481
 
68408
- font-family: var(--font-family-main);
68482
+ font-family: var(--global-typography-font-family);
68483
+
68484
+ font-weight: var(--global-typography-ui-body-font-weight);
68409
68485
 
68410
68486
  font-size: var(--global-typography-ui-body-font-size);
68411
68487
 
@@ -68512,7 +68588,8 @@ const compentStyle$N = i$7`
68512
68588
  }
68513
68589
 
68514
68590
  .wrapper.compact .label {
68515
- font-family: var(--font-family-main);
68591
+ font-family: var(--global-typography-font-family);
68592
+ font-weight: var(--global-typography-ui-label-font-weight);
68516
68593
  font-size: var(--global-typography-ui-label-font-size);
68517
68594
  line-height: var(--global-typography-ui-label-line-height);
68518
68595
  font-feature-settings:
@@ -68524,7 +68601,8 @@ const compentStyle$N = i$7`
68524
68601
  }
68525
68602
 
68526
68603
  .checked :is(.wrapper.compact .label) {
68527
- font-family: var(--font-family-main);
68604
+ font-family: var(--global-typography-font-family);
68605
+ font-weight: var(--global-typography-ui-label-active-font-weight);
68528
68606
  font-size: var(--global-typography-ui-label-active-font-size);
68529
68607
  line-height: var(--global-typography-ui-label-active-line-height);
68530
68608
  font-feature-settings:
@@ -68602,7 +68680,8 @@ const compentStyle$N = i$7`
68602
68680
  }
68603
68681
 
68604
68682
  .wrapper.checked {
68605
- font-family: var(--font-family-main);
68683
+ font-family: var(--global-typography-font-family);
68684
+ font-weight: var(--global-typography-ui-body-active-font-weight);
68606
68685
  font-size: var(--global-typography-ui-body-active-font-size);
68607
68686
  line-height: var(--global-typography-ui-body-active-line-height);
68608
68687
  font-feature-settings:
@@ -69175,7 +69254,8 @@ const compentStyle$L = i$7`
69175
69254
  border-radius: var(--ui-components-user-button-border-radius-container);
69176
69255
  border: none;
69177
69256
  background: transparent;
69178
- font-family: var(--font-family-main);
69257
+ font-family: var(--global-typography-font-family);
69258
+ font-weight: var(--global-typography-ui-body-font-weight);
69179
69259
  font-size: var(--global-typography-ui-body-font-size);
69180
69260
  line-height: var(--global-typography-ui-body-line-height);
69181
69261
  font-feature-settings:
@@ -69201,7 +69281,7 @@ const compentStyle$L = i$7`
69201
69281
  }
69202
69282
 
69203
69283
  .wrapper.size-large .user-initials {
69204
- font-family: var(--font-family-main);
69284
+ font-family: var(--global-typography-font-family);
69205
69285
  font-weight: var(--font-weight-regular);
69206
69286
  font-size: var(--font-size-150);
69207
69287
  line-height: var(--line-height-150);
@@ -69212,7 +69292,7 @@ const compentStyle$L = i$7`
69212
69292
  }
69213
69293
 
69214
69294
  .wrapper.size-large.style-selected .user-initials {
69215
- font-family: var(--font-family-main);
69295
+ font-family: var(--global-typography-font-family);
69216
69296
  font-weight: var(--font-weight-bold);
69217
69297
  font-size: var(--global-typography-ui-title-font-size);
69218
69298
  line-height: var(--global-typography-ui-title-line-height);
@@ -69233,7 +69313,8 @@ const compentStyle$L = i$7`
69233
69313
  }
69234
69314
 
69235
69315
  .wrapper .user-label {
69236
- font-family: var(--font-family-main);
69316
+ font-family: var(--global-typography-font-family);
69317
+ font-weight: var(--global-typography-ui-label-font-weight);
69237
69318
  font-size: var(--global-typography-ui-label-font-size);
69238
69319
  line-height: var(--global-typography-ui-label-line-height);
69239
69320
  font-feature-settings:
@@ -69267,7 +69348,8 @@ const compentStyle$L = i$7`
69267
69348
  }
69268
69349
 
69269
69350
  .wrapper.style-flat {
69270
- font-family: var(--font-family-main);
69351
+ font-family: var(--global-typography-font-family);
69352
+ font-weight: var(--global-typography-ui-body-active-font-weight);
69271
69353
  font-size: var(--global-typography-ui-body-active-font-size);
69272
69354
  line-height: var(--global-typography-ui-body-active-line-height);
69273
69355
  font-feature-settings:
@@ -69435,7 +69517,8 @@ const compentStyle$L = i$7`
69435
69517
  }
69436
69518
 
69437
69519
  .wrapper.style-selected {
69438
- font-family: var(--font-family-main);
69520
+ font-family: var(--global-typography-font-family);
69521
+ font-weight: var(--global-typography-ui-body-active-font-weight);
69439
69522
  font-size: var(--global-typography-ui-body-active-font-size);
69440
69523
  line-height: var(--global-typography-ui-body-active-line-height);
69441
69524
  font-feature-settings:
@@ -69507,7 +69590,8 @@ const compentStyle$L = i$7`
69507
69590
  }
69508
69591
 
69509
69592
  .wrapper.style-selected .user-label {
69510
- font-family: var(--font-family-main);
69593
+ font-family: var(--global-typography-font-family);
69594
+ font-weight: var(--global-typography-ui-label-active-font-weight);
69511
69595
  font-size: var(--global-typography-ui-label-active-font-size);
69512
69596
  line-height: var(--global-typography-ui-label-active-line-height);
69513
69597
  font-feature-settings:
@@ -70401,14 +70485,15 @@ const componentStyle$P = i$7`
70401
70485
  gap: 8px;
70402
70486
  flex: 1 1 0;
70403
70487
  min-width: 0;
70404
- font-family: var(--font-family-main);
70488
+ font-family: var(--global-typography-font-family);
70489
+ font-weight: var(--global-typography-ui-body-font-weight);
70405
70490
  font-size: var(--global-typography-ui-body-font-size);
70406
70491
  line-height: var(--global-typography-ui-body-line-height);
70407
70492
  font-feature-settings:
70408
70493
  "liga" off,
70409
70494
  "clig" off,
70410
70495
  "ss04" on;
70411
- color: var(--on-container-active-color);
70496
+ color: var(--on-flat-active-color);
70412
70497
  }
70413
70498
 
70414
70499
  .month-label {
@@ -70458,7 +70543,8 @@ const componentStyle$P = i$7`
70458
70543
  }
70459
70544
 
70460
70545
  .days-container {
70461
- font-family: var(--font-family-main);
70546
+ font-family: var(--global-typography-font-family);
70547
+ font-weight: var(--global-typography-ui-overline-font-weight);
70462
70548
  font-size: var(--global-typography-ui-overline-font-size);
70463
70549
  line-height: var(--global-typography-ui-overline-line-height);
70464
70550
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -70728,7 +70814,8 @@ const componentStyle$O = i$7`
70728
70814
  display: flex;
70729
70815
  align-items: center;
70730
70816
  gap: 2px;
70731
- font-family: var(--font-family-main);
70817
+ font-family: var(--global-typography-font-family);
70818
+ font-weight: var(--global-typography-ui-label-font-weight);
70732
70819
  font-size: var(--global-typography-ui-label-font-size);
70733
70820
  line-height: var(--global-typography-ui-label-line-height);
70734
70821
  font-feature-settings:
@@ -70767,7 +70854,8 @@ const componentStyle$O = i$7`
70767
70854
  }
70768
70855
 
70769
70856
  .title {
70770
- font-family: var(--font-family-main);
70857
+ font-family: var(--global-typography-font-family);
70858
+ font-weight: var(--global-typography-ui-label-font-weight);
70771
70859
  font-size: var(--global-typography-ui-label-font-size);
70772
70860
  line-height: var(--global-typography-ui-label-line-height);
70773
70861
  font-feature-settings:
@@ -70791,7 +70879,8 @@ const componentStyle$O = i$7`
70791
70879
  }
70792
70880
 
70793
70881
  .description {
70794
- font-family: var(--font-family-main);
70882
+ font-family: var(--global-typography-font-family);
70883
+ font-weight: var(--global-typography-ui-label-font-weight);
70795
70884
  font-size: var(--global-typography-ui-label-font-size);
70796
70885
  line-height: var(--global-typography-ui-label-line-height);
70797
70886
  font-feature-settings:
@@ -71253,7 +71342,8 @@ const componentStyle$N = i$7`
71253
71342
 
71254
71343
  .wrapper.size-small.isToday:not(.checked) .date {
71255
71344
  color: var(--on-amplified-active-color);
71256
- font-family: var(--font-family-main);
71345
+ font-family: var(--global-typography-font-family);
71346
+ font-weight: var(--global-typography-ui-body-active-font-weight);
71257
71347
  font-size: var(--global-typography-ui-body-active-font-size);
71258
71348
  line-height: var(--global-typography-ui-body-active-line-height);
71259
71349
  font-feature-settings:
@@ -71343,7 +71433,8 @@ const componentStyle$N = i$7`
71343
71433
 
71344
71434
  .wrapper.size-small.checked .date {
71345
71435
  color: var(--on-selected-active-color);
71346
- font-family: var(--font-family-main);
71436
+ font-family: var(--global-typography-font-family);
71437
+ font-weight: var(--global-typography-ui-body-active-font-weight);
71347
71438
  font-size: var(--global-typography-ui-body-active-font-size);
71348
71439
  line-height: var(--global-typography-ui-body-active-line-height);
71349
71440
  font-feature-settings:
@@ -71451,7 +71542,8 @@ const componentStyle$N = i$7`
71451
71542
  flex: 1 0 0;
71452
71543
  padding: 0 12px;
71453
71544
  text-align: left;
71454
- font-family: var(--font-family-main);
71545
+ font-family: var(--global-typography-font-family);
71546
+ font-weight: var(--global-typography-ui-body-active-font-weight);
71455
71547
  font-size: var(--global-typography-ui-body-active-font-size);
71456
71548
  line-height: var(--global-typography-ui-body-active-line-height);
71457
71549
  font-feature-settings:
@@ -71486,7 +71578,8 @@ const componentStyle$N = i$7`
71486
71578
 
71487
71579
  :is(.wrapper.size-large.isToday:not(.checked) .date-container) .date {
71488
71580
  color: var(--on-amplified-active-color);
71489
- font-family: var(--font-family-main);
71581
+ font-family: var(--global-typography-font-family);
71582
+ font-weight: var(--global-typography-ui-body-active-font-weight);
71490
71583
  font-size: var(--global-typography-ui-body-active-font-size);
71491
71584
  line-height: var(--global-typography-ui-body-active-line-height);
71492
71585
  font-feature-settings:
@@ -71502,7 +71595,8 @@ const componentStyle$N = i$7`
71502
71595
 
71503
71596
  :is(.wrapper.size-large.checked .date-container) .date {
71504
71597
  color: var(--on-selected-active-color);
71505
- font-family: var(--font-family-main);
71598
+ font-family: var(--global-typography-font-family);
71599
+ font-weight: var(--global-typography-ui-body-active-font-weight);
71506
71600
  font-size: var(--global-typography-ui-body-active-font-size);
71507
71601
  line-height: var(--global-typography-ui-body-active-line-height);
71508
71602
  font-feature-settings:
@@ -71540,7 +71634,8 @@ const componentStyle$N = i$7`
71540
71634
  .date {
71541
71635
  user-select: none;
71542
71636
  color: var(--on-normal-active-color);
71543
- font-family: var(--font-family-main);
71637
+ font-family: var(--global-typography-font-family);
71638
+ font-weight: var(--global-typography-ui-body-font-weight);
71544
71639
  font-size: var(--global-typography-ui-body-font-size);
71545
71640
  line-height: var(--global-typography-ui-body-line-height);
71546
71641
  font-feature-settings:
@@ -71604,7 +71699,8 @@ const componentStyle$N = i$7`
71604
71699
 
71605
71700
  :is(.isToday:is(.wrapper.disabled,.wrapper:disabled):not(.checked) .date-container) .date {
71606
71701
  color: var(--on-amplified-disabled-color);
71607
- font-family: var(--font-family-main);
71702
+ font-family: var(--global-typography-font-family);
71703
+ font-weight: var(--global-typography-ui-body-active-font-weight);
71608
71704
  font-size: var(--global-typography-ui-body-active-font-size);
71609
71705
  line-height: var(--global-typography-ui-body-active-line-height);
71610
71706
  font-feature-settings:
@@ -71624,7 +71720,8 @@ const componentStyle$N = i$7`
71624
71720
 
71625
71721
  :is(.checked:is(.wrapper.disabled,.wrapper:disabled) .date-container) .date {
71626
71722
  color: var(--on-selected-disabled-color);
71627
- font-family: var(--font-family-main);
71723
+ font-family: var(--global-typography-font-family);
71724
+ font-weight: var(--global-typography-ui-body-active-font-weight);
71628
71725
  font-size: var(--global-typography-ui-body-active-font-size);
71629
71726
  line-height: var(--global-typography-ui-body-active-line-height);
71630
71727
  font-feature-settings:
@@ -71932,7 +72029,8 @@ const componentStyle$M = i$7`
71932
72029
  display: flex;
71933
72030
  align-items: flex-start;
71934
72031
  gap: var(--menu-navigation-components-appointment-item-label-spacing, 8px);
71935
- font-family: var(--font-family-main);
72032
+ font-family: var(--global-typography-font-family);
72033
+ font-weight: var(--global-typography-ui-label-font-weight);
71936
72034
  font-size: var(--global-typography-ui-label-font-size);
71937
72035
  line-height: var(--global-typography-ui-label-line-height);
71938
72036
  font-feature-settings:
@@ -72115,7 +72213,8 @@ const compentStyle$K = i$7`
72115
72213
  display: flex;
72116
72214
  align-items: center;
72117
72215
  justify-content: center;
72118
- font-family: var(--font-family-main);
72216
+ font-family: var(--global-typography-font-family);
72217
+ font-weight: var(--global-typography-ui-button-font-weight);
72119
72218
  font-size: var(--global-typography-ui-button-font-size);
72120
72219
  line-height: var(--global-typography-ui-button-line-height);
72121
72220
  font-feature-settings:
@@ -72361,7 +72460,8 @@ option.disabled {
72361
72460
  }
72362
72461
 
72363
72462
  option {
72364
- font-family: var(--font-family-main);
72463
+ font-family: var(--global-typography-font-family);
72464
+ font-weight: var(--global-typography-ui-body-font-weight);
72365
72465
  font-size: var(--global-typography-ui-body-font-size);
72366
72466
  line-height: var(--global-typography-ui-body-line-height);
72367
72467
  font-feature-settings:
@@ -72429,7 +72529,8 @@ option.disabled:checked {
72429
72529
 
72430
72530
  option:checked {
72431
72531
  color: var(--on-flat-active-color);
72432
- font-family: var(--font-family-main);
72532
+ font-family: var(--global-typography-font-family);
72533
+ font-weight: var(--global-typography-ui-body-active-font-weight);
72433
72534
  font-size: var(--global-typography-ui-body-active-font-size);
72434
72535
  line-height: var(--global-typography-ui-body-active-line-height);
72435
72536
  font-feature-settings:
@@ -73538,7 +73639,8 @@ const compentStyle$I = i$7`
73538
73639
  height: var(--ui-components-card-heading-container-height);
73539
73640
  padding: 0 4px;
73540
73641
  gap: 8px;
73541
- font-family: var(--font-family-main);
73642
+ font-family: var(--global-typography-font-family);
73643
+ font-weight: var(--global-typography-ui-overline-font-weight);
73542
73644
  font-feature-settings:
73543
73645
  "liga" off,
73544
73646
  "clig" off,
@@ -73879,7 +73981,8 @@ const compentStyle$H = i$7`
73879
73981
  }
73880
73982
 
73881
73983
  .header .name {
73882
- font-family: var(--font-family-main);
73984
+ font-family: var(--global-typography-font-family);
73985
+ font-weight: var(--global-typography-ui-button-font-weight);
73883
73986
  font-size: var(--global-typography-ui-button-font-size);
73884
73987
  line-height: var(--global-typography-ui-button-line-height);
73885
73988
  font-feature-settings:
@@ -73890,7 +73993,8 @@ const compentStyle$H = i$7`
73890
73993
  }
73891
73994
 
73892
73995
  .header .date {
73893
- font-family: var(--font-family-main);
73996
+ font-family: var(--global-typography-font-family);
73997
+ font-weight: var(--global-typography-ui-body-font-weight);
73894
73998
  font-size: var(--global-typography-ui-body-font-size);
73895
73999
  line-height: var(--global-typography-ui-body-line-height);
73896
74000
  font-feature-settings:
@@ -73903,7 +74007,8 @@ const compentStyle$H = i$7`
73903
74007
  .content {
73904
74008
  max-width: min(80ch, calc(100% - 64px));
73905
74009
  box-sizing: border-box;
73906
- font-family: var(--font-family-main);
74010
+ font-family: var(--global-typography-font-family);
74011
+ font-weight: var(--global-typography-ui-body-font-weight);
73907
74012
  font-size: var(--global-typography-ui-body-font-size);
73908
74013
  line-height: var(--global-typography-ui-body-line-height);
73909
74014
  font-feature-settings:
@@ -74038,7 +74143,7 @@ const checkButtonStyle = i$7`
74038
74143
  width: 100%;
74039
74144
  }
74040
74145
  .wrapper.full-width.has-custom-width {
74041
- width: var(--custom-width);
74146
+ width: var(--custom-width, auto);
74042
74147
  }
74043
74148
  .wrapper:not(.full-width) {
74044
74149
  width: fit-content;
@@ -74058,7 +74163,8 @@ const checkButtonStyle = i$7`
74058
74163
  height: var(--ui-components-check-button-icon-size);
74059
74164
  }
74060
74165
  .wrapper.state-checked {
74061
- font-family: var(--font-family-main);
74166
+ font-family: var(--global-typography-font-family);
74167
+ font-weight: var(--global-typography-ui-body-active-font-weight);
74062
74168
  font-size: var(--global-typography-ui-body-active-font-size);
74063
74169
  line-height: var(--global-typography-ui-body-active-line-height);
74064
74170
  font-feature-settings:
@@ -74067,7 +74173,8 @@ const checkButtonStyle = i$7`
74067
74173
  "ss04" on;
74068
74174
  }
74069
74175
  .wrapper.state-unchecked {
74070
- font-family: var(--font-family-main);
74176
+ font-family: var(--global-typography-font-family);
74177
+ font-weight: var(--global-typography-ui-body-font-weight);
74071
74178
  font-size: var(--global-typography-ui-body-font-size);
74072
74179
  line-height: var(--global-typography-ui-body-line-height);
74073
74180
  font-feature-settings:
@@ -74791,7 +74898,8 @@ const componentStyle$L = i$7`
74791
74898
 
74792
74899
  .checkbox-item-container .checkbox-label {
74793
74900
  color: var(--element-active-color);
74794
- font-family: var(--font-family-main);
74901
+ font-family: var(--global-typography-font-family);
74902
+ font-weight: var(--global-typography-ui-body-font-weight);
74795
74903
  font-size: var(--global-typography-ui-body-font-size);
74796
74904
  line-height: var(--global-typography-ui-body-line-height);
74797
74905
  font-feature-settings:
@@ -74805,7 +74913,8 @@ const componentStyle$L = i$7`
74805
74913
 
74806
74914
  :is(.status-checked,.status-mixed) :is(.checkbox-item-container .checkbox-label) {
74807
74915
  color: var(--element-active-color);
74808
- font-family: var(--font-family-main);
74916
+ font-family: var(--global-typography-font-family);
74917
+ font-weight: var(--global-typography-ui-body-active-font-weight);
74809
74918
  font-size: var(--global-typography-ui-body-active-font-size);
74810
74919
  line-height: var(--global-typography-ui-body-active-line-height);
74811
74920
  font-feature-settings:
@@ -75081,7 +75190,8 @@ const compentStyle$G = i$7`
75081
75190
  color: var(--element-active-color);
75082
75191
  text-align: center;
75083
75192
  gap: var(--app-components-clock-digit-spacing);
75084
- font-family: var(--font-family-main);
75193
+ font-family: var(--global-typography-font-family);
75194
+ font-weight: var(--global-typography-ui-button-font-weight);
75085
75195
  font-size: var(--global-typography-ui-button-font-size);
75086
75196
  line-height: var(--global-typography-ui-button-line-height);
75087
75197
  font-feature-settings:
@@ -75156,7 +75266,9 @@ const compentStyle$G = i$7`
75156
75266
  color: var(--element-neutral-color);
75157
75267
  text-align: center;
75158
75268
 
75159
- font-family: var(--font-family-main);
75269
+ font-family: var(--global-typography-font-family);
75270
+
75271
+ font-weight: var(--global-typography-ui-body-font-weight);
75160
75272
 
75161
75273
  font-size: var(--global-typography-ui-body-font-size);
75162
75274
 
@@ -75175,7 +75287,8 @@ const compentStyle$G = i$7`
75175
75287
  .date {
75176
75288
  text-align: center;
75177
75289
  color: var(--element-active-color);
75178
- font-family: var(--font-family-main);
75290
+ font-family: var(--global-typography-font-family);
75291
+ font-weight: var(--global-typography-ui-body-font-weight);
75179
75292
  font-size: var(--global-typography-ui-body-font-size);
75180
75293
  line-height: var(--global-typography-ui-body-line-height);
75181
75294
  font-feature-settings:
@@ -75880,7 +75993,8 @@ const compentStyle$E = i$7`
75880
75993
  }
75881
75994
 
75882
75995
  .title-container {
75883
- font-family: var(--font-family-main);
75996
+ font-family: var(--global-typography-font-family);
75997
+ font-weight: var(--global-typography-ui-overline-font-weight);
75884
75998
  font-size: var(--global-typography-ui-overline-font-size);
75885
75999
  line-height: var(--global-typography-ui-overline-line-height);
75886
76000
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -75960,7 +76074,8 @@ const compentStyle$E = i$7`
75960
76074
  flex-direction: row;
75961
76075
  align-items: center;
75962
76076
  gap: 8px;
75963
- font-family: var(--font-family-main);
76077
+ font-family: var(--global-typography-font-family);
76078
+ font-weight: var(--global-typography-ui-body-font-weight);
75964
76079
  font-size: var(--global-typography-ui-body-font-size);
75965
76080
  line-height: var(--global-typography-ui-body-line-height);
75966
76081
  font-feature-settings:
@@ -75982,7 +76097,8 @@ const compentStyle$E = i$7`
75982
76097
  }
75983
76098
 
75984
76099
  :is(.no-command.has-location .description) .command-description {
75985
- font-family: var(--font-family-main);
76100
+ font-family: var(--global-typography-font-family);
76101
+ font-weight: var(--global-typography-ui-body-active-font-weight);
75986
76102
  font-size: var(--global-typography-ui-body-active-font-size);
75987
76103
  line-height: var(--global-typography-ui-body-active-line-height);
75988
76104
  font-feature-settings:
@@ -76125,7 +76241,8 @@ const componentStyle$K = i$7`
76125
76241
 
76126
76242
  .checked.state {
76127
76243
  left: 0;
76128
- font-family: var(--font-family-main);
76244
+ font-family: var(--global-typography-font-family);
76245
+ font-weight: var(--global-typography-ui-body-active-font-weight);
76129
76246
  font-size: var(--global-typography-ui-body-active-font-size);
76130
76247
  line-height: var(--global-typography-ui-body-active-line-height);
76131
76248
  font-feature-settings:
@@ -76147,7 +76264,8 @@ const componentStyle$K = i$7`
76147
76264
 
76148
76265
  .unchecked.state {
76149
76266
  right: 0;
76150
- font-family: var(--font-family-main);
76267
+ font-family: var(--global-typography-font-family);
76268
+ font-weight: var(--global-typography-ui-body-font-weight);
76151
76269
  font-size: var(--global-typography-ui-body-font-size);
76152
76270
  line-height: var(--global-typography-ui-body-line-height);
76153
76271
  font-feature-settings:
@@ -76277,7 +76395,8 @@ const componentStyle$K = i$7`
76277
76395
  align-items: center;
76278
76396
  padding: 0px var(--ui-components-start-stop-switch-padding-horizontal);
76279
76397
  border-radius: var(--ui-components-state-toggle-border-radius);
76280
- font-family: var(--font-family-main);
76398
+ font-family: var(--global-typography-font-family);
76399
+ font-weight: var(--global-typography-ui-button-font-weight);
76281
76400
  font-size: var(--global-typography-ui-button-font-size);
76282
76401
  line-height: var(--global-typography-ui-button-line-height);
76283
76402
  font-feature-settings:
@@ -76355,7 +76474,8 @@ const componentStyle$K = i$7`
76355
76474
  align-items: center;
76356
76475
  left: auto;
76357
76476
  right: auto;
76358
- font-family: var(--font-family-main);
76477
+ font-family: var(--global-typography-font-family);
76478
+ font-weight: var(--global-typography-ui-body-font-weight);
76359
76479
  font-size: var(--global-typography-ui-body-font-size);
76360
76480
  line-height: var(--global-typography-ui-body-line-height);
76361
76481
  font-feature-settings:
@@ -76391,7 +76511,8 @@ const componentStyle$K = i$7`
76391
76511
  }
76392
76512
 
76393
76513
  .wrapper.disabled.checked.variant-normal .state.checked {
76394
- font-family: var(--font-family-main);
76514
+ font-family: var(--global-typography-font-family);
76515
+ font-weight: var(--global-typography-ui-body-active-font-weight);
76395
76516
  font-size: var(--global-typography-ui-body-active-font-size);
76396
76517
  line-height: var(--global-typography-ui-body-active-line-height);
76397
76518
  font-feature-settings:
@@ -76409,7 +76530,8 @@ const componentStyle$K = i$7`
76409
76530
  }
76410
76531
 
76411
76532
  .wrapper.disabled.checked.variant-running .state.checked {
76412
- font-family: var(--font-family-main);
76533
+ font-family: var(--global-typography-font-family);
76534
+ font-weight: var(--global-typography-ui-body-active-font-weight);
76413
76535
  font-size: var(--global-typography-ui-body-active-font-size);
76414
76536
  line-height: var(--global-typography-ui-body-active-line-height);
76415
76537
  font-feature-settings:
@@ -76427,7 +76549,8 @@ const componentStyle$K = i$7`
76427
76549
  }
76428
76550
 
76429
76551
  .wrapper.disabled.checked.variant-loading .state.checked {
76430
- font-family: var(--font-family-main);
76552
+ font-family: var(--global-typography-font-family);
76553
+ font-weight: var(--global-typography-ui-body-active-font-weight);
76431
76554
  font-size: var(--global-typography-ui-body-active-font-size);
76432
76555
  line-height: var(--global-typography-ui-body-active-line-height);
76433
76556
  font-feature-settings:
@@ -76455,7 +76578,8 @@ const componentStyle$K = i$7`
76455
76578
  /* Description */
76456
76579
 
76457
76580
  .description {
76458
- font-family: var(--font-family-main);
76581
+ font-family: var(--global-typography-font-family);
76582
+ font-weight: var(--global-typography-ui-label-font-weight);
76459
76583
  font-size: var(--global-typography-ui-label-font-size);
76460
76584
  line-height: var(--global-typography-ui-label-line-height);
76461
76585
  font-feature-settings:
@@ -76909,7 +77033,8 @@ obc-table::part(message cell no-icon) {
76909
77033
  }
76910
77034
  obc-table::part(message title) {
76911
77035
  grid-area: title;
76912
- font-family: var(--font-family-main);
77036
+ font-family: var(--global-typography-font-family);
77037
+ font-weight: var(--global-typography-ui-body-font-weight);
76913
77038
  font-size: var(--global-typography-ui-body-font-size);
76914
77039
  line-height: var(--global-typography-ui-body-line-height);
76915
77040
  font-feature-settings:
@@ -76919,7 +77044,8 @@ obc-table::part(message title) {
76919
77044
  text-align: left;
76920
77045
  }
76921
77046
  obc-table::part(message title unread),obc-table::part(message title selected) {
76922
- font-family: var(--font-family-main);
77047
+ font-family: var(--global-typography-font-family);
77048
+ font-weight: var(--global-typography-ui-body-active-font-weight);
76923
77049
  font-size: var(--global-typography-ui-body-active-font-size);
76924
77050
  line-height: var(--global-typography-ui-body-active-line-height);
76925
77051
  font-feature-settings:
@@ -76935,7 +77061,8 @@ obc-table::part(message icon) {
76935
77061
  }
76936
77062
  obc-table::part(message text) {
76937
77063
  grid-area: text;
76938
- font-family: var(--font-family-main);
77064
+ font-family: var(--global-typography-font-family);
77065
+ font-weight: var(--global-typography-ui-label-font-weight);
76939
77066
  font-size: var(--global-typography-ui-label-font-size);
76940
77067
  line-height: var(--global-typography-ui-label-line-height);
76941
77068
  font-feature-settings:
@@ -76953,7 +77080,8 @@ obc-table::part(label) {
76953
77080
  );
76954
77081
  }
76955
77082
  obc-table::part(label title) {
76956
- font-family: var(--font-family-main);
77083
+ font-family: var(--global-typography-font-family);
77084
+ font-weight: var(--global-typography-ui-label-font-weight);
76957
77085
  font-size: var(--global-typography-ui-label-font-size);
76958
77086
  line-height: var(--global-typography-ui-label-line-height);
76959
77087
  font-feature-settings:
@@ -76962,7 +77090,8 @@ obc-table::part(label title) {
76962
77090
  "ss04" on;
76963
77091
  }
76964
77092
  obc-table::part(label text) {
76965
- font-family: var(--font-family-main);
77093
+ font-family: var(--global-typography-font-family);
77094
+ font-weight: var(--global-typography-ui-label-font-weight);
76966
77095
  font-size: var(--global-typography-ui-label-font-size);
76967
77096
  line-height: var(--global-typography-ui-label-line-height);
76968
77097
  font-feature-settings:
@@ -77127,7 +77256,8 @@ const compentStyle$C = i$7`
77127
77256
  flex: 1 0 0;
77128
77257
  }
77129
77258
  .title-text {
77130
- font-family: var(--font-family-main);
77259
+ font-family: var(--global-typography-font-family);
77260
+ font-weight: var(--global-typography-ui-overline-font-weight);
77131
77261
  font-size: var(--global-typography-ui-overline-font-size);
77132
77262
  line-height: var(--global-typography-ui-overline-line-height);
77133
77263
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -77255,7 +77385,8 @@ const compentStyle$C = i$7`
77255
77385
  min-width: 0; /* Allow shrinking */
77256
77386
  }
77257
77387
  .type-multi-with-subtitles .column-header .subtitle-text {
77258
- font-family: var(--font-family-main);
77388
+ font-family: var(--global-typography-font-family);
77389
+ font-weight: var(--global-typography-ui-overline-font-weight);
77259
77390
  font-size: var(--global-typography-ui-overline-font-size);
77260
77391
  line-height: var(--global-typography-ui-overline-line-height);
77261
77392
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -78329,7 +78460,8 @@ label.obc-radio-button.disabled {
78329
78460
  }
78330
78461
 
78331
78462
  label.obc-radio-button {
78332
- font-family: var(--font-family-main);
78463
+ font-family: var(--global-typography-font-family);
78464
+ font-weight: var(--global-typography-ui-body-font-weight);
78333
78465
  font-size: var(--global-typography-ui-body-font-size);
78334
78466
  line-height: var(--global-typography-ui-body-line-height);
78335
78467
  font-feature-settings:
@@ -78364,7 +78496,8 @@ label.obc-radio-button.disabled .label,label.obc-radio-button.disabled:hover .la
78364
78496
  }
78365
78497
 
78366
78498
  label.obc-radio-button:has(input:checked) {
78367
- font-family: var(--font-family-main);
78499
+ font-family: var(--global-typography-font-family);
78500
+ font-weight: var(--global-typography-ui-body-active-font-weight);
78368
78501
  font-size: var(--global-typography-ui-body-active-font-size);
78369
78502
  line-height: var(--global-typography-ui-body-active-line-height);
78370
78503
  font-feature-settings:
@@ -78403,7 +78536,8 @@ label.obc-radio-button[disabled],label.obc-radio-button[disabled]:hover,label.ob
78403
78536
  }
78404
78537
 
78405
78538
  .obc-elevated-card-radio:has(input[type="radio"]:checked) label {
78406
- font-family: var(--font-family-main);
78539
+ font-family: var(--global-typography-font-family);
78540
+ font-weight: var(--global-typography-ui-body-active-font-weight);
78407
78541
  font-size: var(--global-typography-ui-body-active-font-size);
78408
78542
  line-height: var(--global-typography-ui-body-active-line-height);
78409
78543
  font-feature-settings:
@@ -78602,7 +78736,8 @@ const compentStyle$z = i$7`
78602
78736
  }
78603
78737
 
78604
78738
  ::slotted([slot="label"]) {
78605
- font-family: var(--font-family-main);
78739
+ font-family: var(--global-typography-font-family);
78740
+ font-weight: var(--global-typography-ui-body-font-weight);
78606
78741
  font-size: var(--global-typography-ui-body-font-size);
78607
78742
  line-height: var(--global-typography-ui-body-line-height);
78608
78743
  font-feature-settings:
@@ -78613,7 +78748,8 @@ const compentStyle$z = i$7`
78613
78748
  }
78614
78749
 
78615
78750
  .direct-action ::slotted([slot="label"]) {
78616
- font-family: var(--font-family-main);
78751
+ font-family: var(--global-typography-font-family);
78752
+ font-weight: var(--global-typography-ui-button-font-weight);
78617
78753
  font-size: var(--global-typography-ui-button-font-size);
78618
78754
  line-height: var(--global-typography-ui-button-line-height);
78619
78755
  font-feature-settings:
@@ -78624,7 +78760,8 @@ const compentStyle$z = i$7`
78624
78760
  }
78625
78761
 
78626
78762
  ::slotted([slot="description"]) {
78627
- font-family: var(--font-family-main);
78763
+ font-family: var(--global-typography-font-family);
78764
+ font-weight: var(--global-typography-ui-label-font-weight);
78628
78765
  font-size: var(--global-typography-ui-label-font-size);
78629
78766
  line-height: var(--global-typography-ui-label-line-height);
78630
78767
  font-feature-settings:
@@ -78641,7 +78778,8 @@ const compentStyle$z = i$7`
78641
78778
  }
78642
78779
 
78643
78780
  .has-status .status {
78644
- font-family: var(--font-family-main);
78781
+ font-family: var(--global-typography-font-family);
78782
+ font-weight: var(--global-typography-ui-body-font-weight);
78645
78783
  font-size: var(--global-typography-ui-body-font-size);
78646
78784
  line-height: var(--global-typography-ui-body-line-height);
78647
78785
  font-feature-settings:
@@ -79095,7 +79233,8 @@ label.obc-radio-button.disabled {
79095
79233
  color: var(--on-flat-disabled-color) !important;
79096
79234
  }
79097
79235
  label.obc-radio-button {
79098
- font-family: var(--font-family-main);
79236
+ font-family: var(--global-typography-font-family);
79237
+ font-weight: var(--global-typography-ui-body-font-weight);
79099
79238
  font-size: var(--global-typography-ui-body-font-size);
79100
79239
  line-height: var(--global-typography-ui-body-line-height);
79101
79240
  font-feature-settings:
@@ -79126,7 +79265,8 @@ label.obc-radio-button.disabled .label,label.obc-radio-button.disabled:hover .la
79126
79265
  color: var(--element-disabled-color);
79127
79266
  }
79128
79267
  label.obc-radio-button:has(input:checked) {
79129
- font-family: var(--font-family-main);
79268
+ font-family: var(--global-typography-font-family);
79269
+ font-weight: var(--global-typography-ui-body-active-font-weight);
79130
79270
  font-size: var(--global-typography-ui-body-active-font-size);
79131
79271
  line-height: var(--global-typography-ui-body-active-line-height);
79132
79272
  font-feature-settings:
@@ -79502,7 +79642,8 @@ const compentStyle$y = i$7`
79502
79642
  flex-shrink: 0;
79503
79643
  border: none;
79504
79644
  background-color: transparent;
79505
- font-family: var(--font-family-main);
79645
+ font-family: var(--global-typography-font-family);
79646
+ font-weight: var(--global-typography-ui-button-font-weight);
79506
79647
  font-size: var(--global-typography-ui-button-font-size);
79507
79648
  line-height: var(--global-typography-ui-button-line-height);
79508
79649
  font-feature-settings:
@@ -79911,7 +80052,7 @@ const componentStyle$J = i$7`
79911
80052
  }
79912
80053
 
79913
80054
  .wrapper .content-title,.wrapper ::slotted([slot="content-title"]) {
79914
- font-family: var(--font-family-main);
80055
+ font-family: var(--global-typography-font-family);
79915
80056
  font-weight: var(--font-weight-regular);
79916
80057
  font-size: var(--font-size-150);
79917
80058
  line-height: var(--line-height-150);
@@ -80189,7 +80330,8 @@ const componentStyle$H = i$7`
80189
80330
  }
80190
80331
 
80191
80332
  .wrapper .subtitle {
80192
- font-family: var(--font-family-main);
80333
+ font-family: var(--global-typography-font-family);
80334
+ font-weight: var(--global-typography-ui-overline-font-weight);
80193
80335
  font-size: var(--global-typography-ui-overline-font-size);
80194
80336
  line-height: var(--global-typography-ui-overline-line-height);
80195
80337
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -80206,7 +80348,8 @@ const componentStyle$H = i$7`
80206
80348
  }
80207
80349
 
80208
80350
  .wrapper .text {
80209
- font-family: var(--font-family-main);
80351
+ font-family: var(--global-typography-font-family);
80352
+ font-weight: var(--global-typography-ui-label-font-weight);
80210
80353
  font-size: var(--global-typography-ui-label-font-size);
80211
80354
  line-height: var(--global-typography-ui-label-line-height);
80212
80355
  font-feature-settings:
@@ -80564,7 +80707,8 @@ const componentStyle$G = i$7`
80564
80707
  .wrapper .text {
80565
80708
  position: relative;
80566
80709
  z-index: 1;
80567
- font-family: var(--font-family-main);
80710
+ font-family: var(--global-typography-font-family);
80711
+ font-weight: var(--global-typography-ui-body-font-weight);
80568
80712
  font-size: var(--global-typography-ui-body-font-size);
80569
80713
  line-height: var(--global-typography-ui-body-line-height);
80570
80714
  font-feature-settings:
@@ -80623,7 +80767,8 @@ const componentStyle$G = i$7`
80623
80767
  }
80624
80768
 
80625
80769
  .wrapper .error-text {
80626
- font-family: var(--font-family-main);
80770
+ font-family: var(--global-typography-font-family);
80771
+ font-weight: var(--global-typography-ui-label-font-weight);
80627
80772
  font-size: var(--global-typography-ui-label-font-size);
80628
80773
  line-height: var(--global-typography-ui-label-line-height);
80629
80774
  font-feature-settings:
@@ -80934,7 +81079,8 @@ const componentStyles = i$7`
80934
81079
  }
80935
81080
 
80936
81081
  .label {
80937
- font-family: var(--font-family-main);
81082
+ font-family: var(--global-typography-font-family);
81083
+ font-weight: var(--global-typography-ui-label-font-weight);
80938
81084
  font-size: var(--global-typography-ui-label-font-size);
80939
81085
  line-height: var(--global-typography-ui-label-line-height);
80940
81086
  font-feature-settings:
@@ -81012,7 +81158,8 @@ const componentStyles = i$7`
81012
81158
 
81013
81159
  .wrapper.state-checked .label {
81014
81160
  color: var(--element-active-color);
81015
- font-family: var(--font-family-main);
81161
+ font-family: var(--global-typography-font-family);
81162
+ font-weight: var(--global-typography-ui-label-active-font-weight);
81016
81163
  font-size: var(--global-typography-ui-label-active-font-size);
81017
81164
  line-height: var(--global-typography-ui-label-active-line-height);
81018
81165
  font-feature-settings:
@@ -81257,7 +81404,8 @@ const compentStyle$x = i$7`
81257
81404
  flex-shrink: 0;
81258
81405
  border: none;
81259
81406
  background-color: transparent;
81260
- font-family: var(--font-family-main);
81407
+ font-family: var(--global-typography-font-family);
81408
+ font-weight: var(--global-typography-ui-button-font-weight);
81261
81409
  font-size: var(--global-typography-ui-button-font-size);
81262
81410
  line-height: var(--global-typography-ui-button-line-height);
81263
81411
  font-feature-settings:
@@ -81433,7 +81581,8 @@ const componentStyle$F = i$7`
81433
81581
  }
81434
81582
 
81435
81583
  .parameter-name {
81436
- font-family: var(--font-family-main);
81584
+ font-family: var(--global-typography-font-family);
81585
+ font-weight: var(--global-typography-ui-overline-font-weight);
81437
81586
  font-size: var(--global-typography-ui-overline-font-size);
81438
81587
  line-height: var(--global-typography-ui-overline-line-height);
81439
81588
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -82300,7 +82449,8 @@ const componentStyle$E = i$7`
82300
82449
  }
82301
82450
 
82302
82451
  .parameter-name {
82303
- font-family: var(--font-family-main);
82452
+ font-family: var(--global-typography-font-family);
82453
+ font-weight: var(--global-typography-ui-overline-font-weight);
82304
82454
  font-size: var(--global-typography-ui-overline-font-size);
82305
82455
  line-height: var(--global-typography-ui-overline-line-height);
82306
82456
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -82797,7 +82947,8 @@ const componentStyle$D = i$7`
82797
82947
  }
82798
82948
 
82799
82949
  .label-text {
82800
- font-family: var(--font-family-main);
82950
+ font-family: var(--global-typography-font-family);
82951
+ font-weight: var(--global-typography-ui-label-font-weight);
82801
82952
  font-size: var(--global-typography-ui-label-font-size);
82802
82953
  line-height: var(--global-typography-ui-label-line-height);
82803
82954
  font-feature-settings:
@@ -82953,7 +83104,8 @@ const componentStyle$D = i$7`
82953
83104
 
82954
83105
  .helper-text,
82955
83106
  .error-text {
82956
- font-family: var(--font-family-main);
83107
+ font-family: var(--global-typography-font-family);
83108
+ font-weight: var(--global-typography-ui-label-font-weight);
82957
83109
  font-size: var(--global-typography-ui-label-font-size);
82958
83110
  line-height: var(--global-typography-ui-label-line-height);
82959
83111
  font-feature-settings:
@@ -83975,7 +84127,8 @@ const compentStyle$w = i$7`
83975
84127
  display: flex;
83976
84128
  align-items: center;
83977
84129
  justify-content: center;
83978
- font-family: var(--font-family-main);
84130
+ font-family: var(--global-typography-font-family);
84131
+ font-weight: var(--global-typography-ui-button-font-weight);
83979
84132
  font-size: var(--global-typography-ui-button-font-size);
83980
84133
  line-height: var(--global-typography-ui-button-line-height);
83981
84134
  font-feature-settings:
@@ -84118,7 +84271,8 @@ const compentStyle$w = i$7`
84118
84271
  display: flex;
84119
84272
  justify-content: center;
84120
84273
  align-items: center;
84121
- font-family: var(--font-family-main);
84274
+ font-family: var(--global-typography-font-family);
84275
+ font-weight: var(--global-typography-ui-button-font-weight);
84122
84276
  font-size: var(--global-typography-ui-button-font-size);
84123
84277
  line-height: var(--global-typography-ui-button-line-height);
84124
84278
  font-feature-settings:
@@ -84463,7 +84617,8 @@ const componentStyle$C = i$7`
84463
84617
  }
84464
84618
 
84465
84619
  .label-container {
84466
- font-family: var(--font-family-main);
84620
+ font-family: var(--global-typography-font-family);
84621
+ font-weight: var(--global-typography-ui-overline-font-weight);
84467
84622
  font-size: var(--global-typography-ui-overline-font-size);
84468
84623
  line-height: var(--global-typography-ui-overline-line-height);
84469
84624
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -84781,7 +84936,8 @@ const componentStyle$B = i$7`
84781
84936
  }
84782
84937
 
84783
84938
  .wrapper {
84784
- font-family: var(--font-family-main);
84939
+ font-family: var(--global-typography-font-family);
84940
+ font-weight: var(--global-typography-ui-button-font-weight);
84785
84941
  font-size: var(--global-typography-ui-button-font-size);
84786
84942
  line-height: var(--global-typography-ui-button-line-height);
84787
84943
  font-feature-settings:
@@ -85201,7 +85357,8 @@ obi-notification-filled {
85201
85357
  }
85202
85358
 
85203
85359
  .count-label {
85204
- font-family: var(--font-family-main);
85360
+ font-family: var(--global-typography-font-family);
85361
+ font-weight: var(--global-typography-ui-button-font-weight);
85205
85362
  font-size: var(--global-typography-ui-button-font-size);
85206
85363
  line-height: var(--global-typography-ui-button-line-height);
85207
85364
  font-feature-settings:
@@ -86217,7 +86374,8 @@ const compentStyle$t = i$7`
86217
86374
  }
86218
86375
 
86219
86376
  .wrapper.selected .label {
86220
- font-family: var(--font-family-main);
86377
+ font-family: var(--global-typography-font-family);
86378
+ font-weight: var(--global-typography-ui-body-active-font-weight);
86221
86379
  font-size: var(--global-typography-ui-body-active-font-size);
86222
86380
  line-height: var(--global-typography-ui-body-active-line-height);
86223
86381
  font-feature-settings:
@@ -86231,7 +86389,8 @@ const compentStyle$t = i$7`
86231
86389
  }
86232
86390
 
86233
86391
  .wrapper .label {
86234
- font-family: var(--font-family-main);
86392
+ font-family: var(--global-typography-font-family);
86393
+ font-weight: var(--global-typography-ui-body-font-weight);
86235
86394
  font-size: var(--global-typography-ui-body-font-size);
86236
86395
  line-height: var(--global-typography-ui-body-line-height);
86237
86396
  font-feature-settings:
@@ -86656,7 +86815,8 @@ const componentStyle$w = i$7`
86656
86815
  }
86657
86816
 
86658
86817
  .description-text {
86659
- font-family: var(--font-family-main);
86818
+ font-family: var(--global-typography-font-family);
86819
+ font-weight: var(--global-typography-ui-label-font-weight);
86660
86820
  font-size: var(--global-typography-ui-label-font-size);
86661
86821
  line-height: var(--global-typography-ui-label-line-height);
86662
86822
  font-feature-settings:
@@ -86700,7 +86860,8 @@ obc-circular-progress {
86700
86860
  }
86701
86861
 
86702
86862
  .circular-value {
86703
- font-family: var(--font-family-main);
86863
+ font-family: var(--global-typography-font-family);
86864
+ font-weight: var(--global-typography-ui-button-font-weight);
86704
86865
  font-size: var(--global-typography-ui-button-font-size);
86705
86866
  line-height: var(--global-typography-ui-button-line-height);
86706
86867
  font-feature-settings:
@@ -87201,7 +87362,8 @@ const componentStyle$v = i$7`
87201
87362
  }
87202
87363
 
87203
87364
  .button-text {
87204
- font-family: var(--font-family-main);
87365
+ font-family: var(--global-typography-font-family);
87366
+ font-weight: var(--global-typography-ui-button-font-weight);
87205
87367
  font-size: var(--global-typography-ui-button-font-size);
87206
87368
  line-height: var(--global-typography-ui-button-line-height);
87207
87369
  font-feature-settings:
@@ -87453,7 +87615,8 @@ obc-circular-progress {
87453
87615
  }
87454
87616
 
87455
87617
  .circular-label {
87456
- font-family: var(--font-family-main);
87618
+ font-family: var(--global-typography-font-family);
87619
+ font-weight: var(--global-typography-ui-label-font-weight);
87457
87620
  font-size: var(--global-typography-ui-label-font-size);
87458
87621
  line-height: var(--global-typography-ui-label-line-height);
87459
87622
  font-feature-settings:
@@ -87814,7 +87977,8 @@ const compentStyle$s = i$7`
87814
87977
  }
87815
87978
 
87816
87979
  .label {
87817
- font-family: var(--font-family-main);
87980
+ font-family: var(--global-typography-font-family);
87981
+ font-weight: var(--global-typography-ui-button-font-weight);
87818
87982
  font-size: var(--global-typography-ui-button-font-size);
87819
87983
  line-height: var(--global-typography-ui-button-line-height);
87820
87984
  font-feature-settings:
@@ -87826,7 +87990,8 @@ const compentStyle$s = i$7`
87826
87990
  }
87827
87991
 
87828
87992
  .description {
87829
- font-family: var(--font-family-main);
87993
+ font-family: var(--global-typography-font-family);
87994
+ font-weight: var(--global-typography-ui-label-font-weight);
87830
87995
  font-size: var(--global-typography-ui-label-font-size);
87831
87996
  line-height: var(--global-typography-ui-label-line-height);
87832
87997
  font-feature-settings:
@@ -88648,7 +88813,8 @@ button {
88648
88813
  }
88649
88814
 
88650
88815
  :is(:is(.wrapper.type-large .visible-wrapper) .node) .content {
88651
- font-family: var(--font-family-main);
88816
+ font-family: var(--global-typography-font-family);
88817
+ font-weight: var(--global-typography-ui-body-font-weight);
88652
88818
  font-size: var(--global-typography-ui-body-font-size);
88653
88819
  line-height: var(--global-typography-ui-body-line-height);
88654
88820
  font-feature-settings:
@@ -89203,8 +89369,8 @@ const componentStyle$t = i$7`
89203
89369
  background: conic-gradient(
89204
89370
  from 0deg,
89205
89371
  var(--element-neutral-enhanced-color) 0deg,
89206
- var(--element-neutral-enhanced-color) var(--spinner-progress-deg),
89207
- transparent var(--spinner-progress-deg),
89372
+ var(--element-neutral-enhanced-color) var(--spinner-progress-deg, 0deg),
89373
+ transparent var(--spinner-progress-deg, 0deg),
89208
89374
  transparent 360deg
89209
89375
  );
89210
89376
  }
@@ -89219,7 +89385,7 @@ const componentStyle$t = i$7`
89219
89385
  }
89220
89386
 
89221
89387
  :is(.sequence-loading-spinner.progression-determinate .spinner) .cap-end {
89222
- transform: translate(-50%, -50%) rotate(var(--spinner-progress-deg))
89388
+ transform: translate(-50%, -50%) rotate(var(--spinner-progress-deg, 0deg))
89223
89389
  translateY(calc(-1 * var(--spinner-radius)));
89224
89390
  }
89225
89391
 
@@ -90387,7 +90553,7 @@ const style$2 = i$7`
90387
90553
 
90388
90554
  :is(.sequence-item__wrapper.orientation-vertical.label-multi-line.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-small.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-regular.sequence-item__wrapper--has-description) .title-row,:is(.sequence-item__wrapper.orientation-vertical.label-multi-line.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-small.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-regular.sequence-item__wrapper--has-description) .meta-row {
90389
90555
  padding: var(
90390
- --global-size-spacing-list-item-menu-padding-horizonal-list-item
90556
+ --global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
90391
90557
  )
90392
90558
  0;
90393
90559
  }
@@ -90460,7 +90626,9 @@ const style$2 = i$7`
90460
90626
 
90461
90627
  .sequence-item__wrapper .title-row {
90462
90628
  display: flex;
90463
- gap: var(--global-size-spacing-list-item-menu-padding-horizonal-list-item);
90629
+ gap: var(
90630
+ --global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
90631
+ );
90464
90632
  justify-content: space-between;
90465
90633
  align-items: flex-start;
90466
90634
  }
@@ -90473,7 +90641,8 @@ const style$2 = i$7`
90473
90641
  /* === Typography === */
90474
90642
 
90475
90643
  .sequence-item__wrapper .title,.sequence-item__wrapper .subtitle {
90476
- font-family: var(--font-family-main);
90644
+ font-family: var(--global-typography-font-family);
90645
+ font-weight: var(--global-typography-ui-body-font-weight);
90477
90646
  font-size: var(--global-typography-ui-body-font-size);
90478
90647
  line-height: var(--global-typography-ui-body-line-height);
90479
90648
  font-feature-settings:
@@ -90491,7 +90660,8 @@ const style$2 = i$7`
90491
90660
  }
90492
90661
 
90493
90662
  .sequence-item__wrapper .subtitle {
90494
- font-family: var(--font-family-main);
90663
+ font-family: var(--global-typography-font-family);
90664
+ font-weight: var(--global-typography-ui-body-font-weight);
90495
90665
  font-size: var(--global-typography-ui-body-font-size);
90496
90666
  line-height: var(--global-typography-ui-body-line-height);
90497
90667
  font-feature-settings:
@@ -90533,7 +90703,7 @@ const style$2 = i$7`
90533
90703
  "ss04" on;
90534
90704
  display: flex;
90535
90705
  flex-direction: column;
90536
- gap: var(--alert-components-badge-label-spacing);
90706
+ gap: var(--ui-components-badge-label-spacing);
90537
90707
  }
90538
90708
 
90539
90709
  /* === Label Variants === */
@@ -90585,7 +90755,8 @@ const style$2 = i$7`
90585
90755
  }
90586
90756
 
90587
90757
  .sequence-item__wrapper.label-small .meta-row {
90588
- font-family: var(--font-family-main);
90758
+ font-family: var(--global-typography-font-family);
90759
+ font-weight: var(--global-typography-ui-label-font-weight);
90589
90760
  font-size: var(--global-typography-ui-label-font-size);
90590
90761
  line-height: var(--global-typography-ui-label-line-height);
90591
90762
  font-feature-settings:
@@ -91466,7 +91637,8 @@ const componentStyle$q = i$7`
91466
91637
  }
91467
91638
 
91468
91639
  .button-label {
91469
- font-family: var(--font-family-main);
91640
+ font-family: var(--global-typography-font-family);
91641
+ font-weight: var(--global-typography-ui-button-font-weight);
91470
91642
  font-size: var(--global-typography-ui-button-font-size);
91471
91643
  line-height: var(--global-typography-ui-button-line-height);
91472
91644
  font-feature-settings:
@@ -91762,7 +91934,8 @@ const componentStyle$p = i$7`
91762
91934
  }
91763
91935
 
91764
91936
  .label {
91765
- font-family: var(--font-family-main);
91937
+ font-family: var(--global-typography-font-family);
91938
+ font-weight: var(--global-typography-ui-button-font-weight);
91766
91939
  font-size: var(--global-typography-ui-button-font-size);
91767
91940
  line-height: var(--global-typography-ui-button-line-height);
91768
91941
  font-feature-settings:
@@ -92810,7 +92983,8 @@ const compentStyle$q = i$7`
92810
92983
  }
92811
92984
 
92812
92985
  .label {
92813
- font-family: var(--font-family-main);
92986
+ font-family: var(--global-typography-font-family);
92987
+ font-weight: var(--global-typography-ui-button-font-weight);
92814
92988
  font-size: var(--global-typography-ui-button-font-size);
92815
92989
  line-height: var(--global-typography-ui-button-line-height);
92816
92990
  font-feature-settings:
@@ -92821,7 +92995,8 @@ const compentStyle$q = i$7`
92821
92995
  }
92822
92996
 
92823
92997
  .state-inactive .label {
92824
- font-family: var(--font-family-main);
92998
+ font-family: var(--global-typography-font-family);
92999
+ font-weight: var(--global-typography-ui-body-font-weight);
92825
93000
  font-size: var(--global-typography-ui-body-font-size);
92826
93001
  line-height: var(--global-typography-ui-body-line-height);
92827
93002
  font-feature-settings:
@@ -92908,7 +93083,8 @@ const compentStyle$p = i$7`
92908
93083
  }
92909
93084
 
92910
93085
  .wrapper .helper-text {
92911
- font-family: var(--font-family-main);
93086
+ font-family: var(--global-typography-font-family);
93087
+ font-weight: var(--global-typography-ui-label-font-weight);
92912
93088
  font-size: var(--global-typography-ui-label-font-size);
92913
93089
  line-height: var(--global-typography-ui-label-line-height);
92914
93090
  font-feature-settings:
@@ -94360,7 +94536,8 @@ const compentStyle$n = i$7`
94360
94536
  align-items: center;
94361
94537
  width: 100%;
94362
94538
  color: var(--element-neutral-color);
94363
- font-family: var(--font-family-main);
94539
+ font-family: var(--global-typography-font-family);
94540
+ font-weight: var(--global-typography-ui-overline-font-weight);
94364
94541
  font-size: var(--global-typography-ui-overline-font-size);
94365
94542
  line-height: var(--global-typography-ui-overline-line-height);
94366
94543
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -94398,7 +94575,8 @@ const compentStyle$n = i$7`
94398
94575
 
94399
94576
  .settings:is(.wrapper .title-container) {
94400
94577
  justify-content: flex-start;
94401
- font-family: var(--font-family-main);
94578
+ font-family: var(--global-typography-font-family);
94579
+ font-weight: var(--global-typography-ui-body-font-weight);
94402
94580
  font-size: var(--global-typography-ui-body-font-size);
94403
94581
  line-height: var(--global-typography-ui-body-line-height);
94404
94582
  font-feature-settings:
@@ -94466,7 +94644,8 @@ const compentStyle$n = i$7`
94466
94644
 
94467
94645
  :is(.wrapper .content-container) .content-item-value {
94468
94646
  padding: 0 var(--app-components-system-menu-spacing-large);
94469
- font-family: var(--font-family-main);
94647
+ font-family: var(--global-typography-font-family);
94648
+ font-weight: var(--global-typography-ui-body-active-font-weight);
94470
94649
  font-size: var(--global-typography-ui-body-active-font-size);
94471
94650
  line-height: var(--global-typography-ui-body-active-line-height);
94472
94651
  font-feature-settings:
@@ -94482,7 +94661,8 @@ const compentStyle$n = i$7`
94482
94661
 
94483
94662
  .disabled:is(:is(.wrapper .content-container) .content-item-value) {
94484
94663
  color: var(--element-neutral-color);
94485
- font-family: var(--font-family-main);
94664
+ font-family: var(--global-typography-font-family);
94665
+ font-weight: var(--global-typography-ui-body-font-weight);
94486
94666
  font-size: var(--global-typography-ui-body-font-size);
94487
94667
  line-height: var(--global-typography-ui-body-line-height);
94488
94668
  font-feature-settings:
@@ -94515,7 +94695,8 @@ const compentStyle$n = i$7`
94515
94695
  }
94516
94696
 
94517
94697
  :is(:is(.wrapper .content-container) .battery) .percentage {
94518
- font-family: var(--font-family-main);
94698
+ font-family: var(--global-typography-font-family);
94699
+ font-weight: var(--global-typography-ui-body-active-font-weight);
94519
94700
  font-size: var(--global-typography-ui-body-active-font-size);
94520
94701
  line-height: var(--global-typography-ui-body-active-line-height);
94521
94702
  font-feature-settings:
@@ -94525,7 +94706,8 @@ const compentStyle$n = i$7`
94525
94706
  }
94526
94707
 
94527
94708
  :is(:is(.wrapper .content-container) .battery) .status {
94528
- font-family: var(--font-family-main);
94709
+ font-family: var(--global-typography-font-family);
94710
+ font-weight: var(--global-typography-ui-body-font-weight);
94529
94711
  font-size: var(--global-typography-ui-body-font-size);
94530
94712
  line-height: var(--global-typography-ui-body-line-height);
94531
94713
  font-feature-settings:
@@ -94561,7 +94743,8 @@ const compentStyle$n = i$7`
94561
94743
  justify-content: space-between;
94562
94744
  min-height: var(--app-components-system-menu-touch-target-size);
94563
94745
  padding: 0 var(--app-components-system-menu-padding-horizontal);
94564
- font-family: var(--font-family-main);
94746
+ font-family: var(--global-typography-font-family);
94747
+ font-weight: var(--global-typography-ui-overline-font-weight);
94565
94748
  font-size: var(--global-typography-ui-overline-font-size);
94566
94749
  line-height: var(--global-typography-ui-overline-line-height);
94567
94750
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -94601,7 +94784,8 @@ const compentStyle$n = i$7`
94601
94784
  }
94602
94785
 
94603
94786
  .wrapper.small-screen .small-screen-volume-label {
94604
- font-family: var(--font-family-main);
94787
+ font-family: var(--global-typography-font-family);
94788
+ font-weight: var(--global-typography-ui-button-font-weight);
94605
94789
  font-size: var(--global-typography-ui-button-font-size);
94606
94790
  line-height: var(--global-typography-ui-button-line-height);
94607
94791
  font-feature-settings:
@@ -94618,7 +94802,8 @@ const compentStyle$n = i$7`
94618
94802
  display: flex;
94619
94803
  align-items: center;
94620
94804
  gap: var(--app-components-system-menu-spacing);
94621
- font-family: var(--font-family-main);
94805
+ font-family: var(--global-typography-font-family);
94806
+ font-weight: var(--global-typography-ui-body-active-font-weight);
94622
94807
  font-size: var(--global-typography-ui-body-active-font-size);
94623
94808
  line-height: var(--global-typography-ui-body-active-line-height);
94624
94809
  font-feature-settings:
@@ -94635,7 +94820,8 @@ const compentStyle$n = i$7`
94635
94820
  }
94636
94821
 
94637
94822
  .wrapper.small-screen .small-screen-battery-level {
94638
- font-family: var(--font-family-main);
94823
+ font-family: var(--global-typography-font-family);
94824
+ font-weight: var(--global-typography-ui-body-active-font-weight);
94639
94825
  font-size: var(--global-typography-ui-body-active-font-size);
94640
94826
  line-height: var(--global-typography-ui-body-active-line-height);
94641
94827
  font-feature-settings:
@@ -94829,7 +95015,8 @@ const compentStyle$n = i$7`
94829
95015
  }
94830
95016
 
94831
95017
  .sub-container.sub-container-title .title2 {
94832
- font-family: var(--font-family-main);
95018
+ font-family: var(--global-typography-font-family);
95019
+ font-weight: var(--global-typography-ui-overline-font-weight);
94833
95020
  font-size: var(--global-typography-ui-overline-font-size);
94834
95021
  line-height: var(--global-typography-ui-overline-line-height);
94835
95022
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -94882,7 +95069,8 @@ const compentStyle$n = i$7`
94882
95069
 
94883
95070
  .wifi-container:is(.sub-container .row) .wifi-name {
94884
95071
  grid-area: name;
94885
- font-family: var(--font-family-main);
95072
+ font-family: var(--global-typography-font-family);
95073
+ font-weight: var(--global-typography-ui-body-active-font-weight);
94886
95074
  font-size: var(--global-typography-ui-body-active-font-size);
94887
95075
  line-height: var(--global-typography-ui-body-active-line-height);
94888
95076
  font-feature-settings:
@@ -94893,7 +95081,8 @@ const compentStyle$n = i$7`
94893
95081
 
94894
95082
  .wifi-container:is(.sub-container .row) .wifi-status {
94895
95083
  grid-area: status;
94896
- font-family: var(--font-family-main);
95084
+ font-family: var(--global-typography-font-family);
95085
+ font-weight: var(--global-typography-ui-label-font-weight);
94897
95086
  font-size: var(--global-typography-ui-label-font-size);
94898
95087
  line-height: var(--global-typography-ui-label-line-height);
94899
95088
  font-feature-settings:
@@ -96053,7 +96242,8 @@ const compentStyle$m = i$7`
96053
96242
  }
96054
96243
 
96055
96244
  .wrapper .title,.wrapper .subtitle {
96056
- font-family: var(--font-family-main);
96245
+ font-family: var(--global-typography-font-family);
96246
+ font-weight: var(--global-typography-ui-body-font-weight);
96057
96247
  font-size: var(--global-typography-ui-body-font-size);
96058
96248
  line-height: var(--global-typography-ui-body-line-height);
96059
96249
  font-feature-settings:
@@ -96069,7 +96259,8 @@ const compentStyle$m = i$7`
96069
96259
  }
96070
96260
 
96071
96261
  .wrapper .subtitle {
96072
- font-family: var(--font-family-main);
96262
+ font-family: var(--global-typography-font-family);
96263
+ font-weight: var(--global-typography-ui-label-font-weight);
96073
96264
  font-size: var(--global-typography-ui-label-font-size);
96074
96265
  line-height: var(--global-typography-ui-label-line-height);
96075
96266
  font-feature-settings:
@@ -96080,7 +96271,7 @@ const compentStyle$m = i$7`
96080
96271
 
96081
96272
  .wrapper .divider {
96082
96273
  width: 1px;
96083
- height: var(--menu-navigation-components-tab-item-divider-height);
96274
+ height: var(--menu-navigation-components-tab-action-button-divider-height);
96084
96275
  flex-shrink: 0;
96085
96276
  color: var(--border-divider-color);
96086
96277
  fill: var(--border-divider-color);
@@ -96093,7 +96284,7 @@ const compentStyle$m = i$7`
96093
96284
  position: absolute;
96094
96285
  left: 0;
96095
96286
  width: 1px;
96096
- height: var(--menu-navigation-components-tab-item-divider-height);
96287
+ height: var(--menu-navigation-components-tab-action-button-divider-height);
96097
96288
  background: var(--border-divider-color);
96098
96289
  }
96099
96290
 
@@ -96118,7 +96309,8 @@ const compentStyle$m = i$7`
96118
96309
  }
96119
96310
 
96120
96311
  :is(:host([checked]) .wrapper) .title {
96121
- font-family: var(--font-family-main);
96312
+ font-family: var(--global-typography-font-family);
96313
+ font-weight: var(--global-typography-ui-body-active-font-weight);
96122
96314
  font-size: var(--global-typography-ui-body-active-font-size);
96123
96315
  line-height: var(--global-typography-ui-body-active-line-height);
96124
96316
  font-feature-settings:
@@ -96536,7 +96728,8 @@ const componentStyle$o = i$7`
96536
96728
  }
96537
96729
 
96538
96730
  .title-text {
96539
- font-family: var(--font-family-main);
96731
+ font-family: var(--global-typography-font-family);
96732
+ font-weight: var(--global-typography-ui-label-font-weight);
96540
96733
  font-size: var(--global-typography-ui-label-font-size);
96541
96734
  line-height: var(--global-typography-ui-label-line-height);
96542
96735
  font-feature-settings:
@@ -96608,7 +96801,8 @@ const componentStyle$o = i$7`
96608
96801
  .input-field {
96609
96802
  flex-grow: 1;
96610
96803
  box-sizing: border-box;
96611
- font-family: var(--font-family-main);
96804
+ font-family: var(--global-typography-font-family);
96805
+ font-weight: var(--global-typography-ui-body-font-weight);
96612
96806
  font-size: var(--global-typography-ui-body-font-size);
96613
96807
  line-height: var(--global-typography-ui-body-line-height);
96614
96808
  font-feature-settings:
@@ -96825,7 +97019,8 @@ obc-audio-recording-item {
96825
97019
  }
96826
97020
 
96827
97021
  .error-text {
96828
- font-family: var(--font-family-main);
97022
+ font-family: var(--global-typography-font-family);
97023
+ font-weight: var(--global-typography-ui-label-font-weight);
96829
97024
  font-size: var(--global-typography-ui-label-font-size);
96830
97025
  line-height: var(--global-typography-ui-label-line-height);
96831
97026
  font-feature-settings:
@@ -97741,7 +97936,7 @@ const componentStyle$n = i$7`
97741
97936
  }
97742
97937
 
97743
97938
  .wrapper .title {
97744
- font-family: var(--font-family-main);
97939
+ font-family: var(--global-typography-font-family);
97745
97940
  font-weight: var(--font-weight-bold);
97746
97941
  font-size: var(--global-typography-ui-title-font-size);
97747
97942
  line-height: var(--global-typography-ui-title-line-height);
@@ -97758,7 +97953,8 @@ const componentStyle$n = i$7`
97758
97953
  }
97759
97954
 
97760
97955
  .wrapper .label {
97761
- font-family: var(--font-family-main);
97956
+ font-family: var(--global-typography-font-family);
97957
+ font-weight: var(--global-typography-ui-body-font-weight);
97762
97958
  font-size: var(--global-typography-ui-body-font-size);
97763
97959
  line-height: var(--global-typography-ui-body-line-height);
97764
97960
  font-feature-settings:
@@ -98156,7 +98352,8 @@ const styles = i$7`
98156
98352
  }
98157
98353
 
98158
98354
  .wrapper.selected .label {
98159
- font-family: var(--font-family-main);
98355
+ font-family: var(--global-typography-font-family);
98356
+ font-weight: var(--global-typography-ui-body-active-font-weight);
98160
98357
  font-size: var(--global-typography-ui-body-active-font-size);
98161
98358
  line-height: var(--global-typography-ui-body-active-line-height);
98162
98359
  font-feature-settings:
@@ -98231,7 +98428,8 @@ const styles = i$7`
98231
98428
  }
98232
98429
 
98233
98430
  .wrapper .label {
98234
- font-family: var(--font-family-main);
98431
+ font-family: var(--global-typography-font-family);
98432
+ font-weight: var(--global-typography-ui-body-font-weight);
98235
98433
  font-size: var(--global-typography-ui-body-font-size);
98236
98434
  line-height: var(--global-typography-ui-body-line-height);
98237
98435
  font-feature-settings:
@@ -98917,7 +99115,8 @@ const toggletipStyle = i$7`
98917
99115
  }
98918
99116
 
98919
99117
  .title {
98920
- font-family: var(--font-family-main);
99118
+ font-family: var(--global-typography-font-family);
99119
+ font-weight: var(--global-typography-ui-overline-font-weight);
98921
99120
  font-size: var(--global-typography-ui-overline-font-size);
98922
99121
  line-height: var(--global-typography-ui-overline-line-height);
98923
99122
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -98946,7 +99145,8 @@ const toggletipStyle = i$7`
98946
99145
  }
98947
99146
 
98948
99147
  .description {
98949
- font-family: var(--font-family-main);
99148
+ font-family: var(--global-typography-font-family);
99149
+ font-weight: var(--global-typography-ui-body-font-weight);
98950
99150
  font-size: var(--global-typography-ui-body-font-size);
98951
99151
  line-height: var(--global-typography-ui-body-line-height);
98952
99152
  font-feature-settings:
@@ -99444,7 +99644,8 @@ const componentStyle$l = i$7`
99444
99644
  }
99445
99645
 
99446
99646
  .label-text {
99447
- font-family: var(--font-family-main);
99647
+ font-family: var(--global-typography-font-family);
99648
+ font-weight: var(--global-typography-ui-button-font-weight);
99448
99649
  font-size: var(--global-typography-ui-button-font-size);
99449
99650
  line-height: var(--global-typography-ui-button-line-height);
99450
99651
  font-feature-settings:
@@ -99728,7 +99929,8 @@ const compentStyle$k = i$7`
99728
99929
 
99729
99930
  .title {
99730
99931
  color: var(--element-active-color, #1a1a1a);
99731
- font-family: var(--font-family-main);
99932
+ font-family: var(--global-typography-font-family);
99933
+ font-weight: var(--global-typography-ui-body-font-weight);
99732
99934
  font-size: var(--global-typography-ui-body-font-size);
99733
99935
  line-height: var(--global-typography-ui-body-line-height);
99734
99936
  font-feature-settings:
@@ -99739,7 +99941,8 @@ const compentStyle$k = i$7`
99739
99941
 
99740
99942
  .page-name {
99741
99943
  color: var(--element-active-color, #1a1a1a);
99742
- font-family: var(--font-family-main);
99944
+ font-family: var(--global-typography-font-family);
99945
+ font-weight: var(--global-typography-ui-body-active-font-weight);
99743
99946
  font-size: var(--global-typography-ui-body-active-font-size);
99744
99947
  line-height: var(--global-typography-ui-body-active-line-height);
99745
99948
  font-feature-settings:
@@ -100307,7 +100510,8 @@ const componentStyle$k = i$7`
100307
100510
  }
100308
100511
 
100309
100512
  .card h3.title,.card .subtitle {
100310
- font-family: var(--font-family-main);
100513
+ font-family: var(--global-typography-font-family);
100514
+ font-weight: var(--global-typography-ui-overline-font-weight);
100311
100515
  font-size: var(--global-typography-ui-overline-font-size);
100312
100516
  line-height: var(--global-typography-ui-overline-line-height);
100313
100517
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -100437,7 +100641,8 @@ const componentStyle$k = i$7`
100437
100641
  }
100438
100642
 
100439
100643
  :is(.card .user-profile) obc-user-button::part(label) {
100440
- font-family: var(--font-family-main);
100644
+ font-family: var(--global-typography-font-family);
100645
+ font-weight: var(--global-typography-ui-overline-font-weight);
100441
100646
  font-size: var(--global-typography-ui-overline-font-size);
100442
100647
  line-height: var(--global-typography-ui-overline-line-height);
100443
100648
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -190868,7 +191073,8 @@ const compentStyle$h = i$7`
190868
191073
  }
190869
191074
 
190870
191075
  :is(.status .status-item) .status-label::slotted(*) {
190871
- font-family: var(--font-family-main);
191076
+ font-family: var(--global-typography-font-family);
191077
+ font-weight: var(--global-typography-ui-body-font-weight);
190872
191078
  font-size: var(--global-typography-ui-body-font-size);
190873
191079
  line-height: var(--global-typography-ui-body-line-height);
190874
191080
  font-feature-settings:
@@ -190906,7 +191112,9 @@ const compentStyle$g = i$7`
190906
191112
  align-items: center;
190907
191113
  justify-content: center;
190908
191114
 
190909
- font-family: var(--font-family-main);
191115
+ font-family: var(--global-typography-font-family);
191116
+
191117
+ font-weight: var(--global-typography-ui-button-font-weight);
190910
191118
 
190911
191119
  font-size: var(--global-typography-ui-button-font-size);
190912
191120
 
@@ -191450,7 +191658,8 @@ const compentStyle$e = i$7`
191450
191658
  }
191451
191659
 
191452
191660
  .touch-target {
191453
- font-family: var(--font-family-main);
191661
+ font-family: var(--global-typography-font-family);
191662
+ font-weight: var(--global-typography-ui-body-font-weight);
191454
191663
  font-size: var(--global-typography-ui-body-font-size);
191455
191664
  line-height: var(--global-typography-ui-body-line-height);
191456
191665
  font-feature-settings:
@@ -191587,7 +191796,8 @@ const compentStyle$e = i$7`
191587
191796
  }
191588
191797
 
191589
191798
  :is(.touch-target .text-container) .label {
191590
- font-family: var(--font-family-main);
191799
+ font-family: var(--global-typography-font-family);
191800
+ font-weight: var(--global-typography-ui-button-font-weight);
191591
191801
  font-size: var(--global-typography-ui-button-font-size);
191592
191802
  line-height: var(--global-typography-ui-button-line-height);
191593
191803
  font-feature-settings:
@@ -191599,7 +191809,8 @@ const compentStyle$e = i$7`
191599
191809
  }
191600
191810
 
191601
191811
  :is(.touch-target .text-container) .status {
191602
- font-family: var(--font-family-main);
191812
+ font-family: var(--global-typography-font-family);
191813
+ font-weight: var(--global-typography-ui-label-font-weight);
191603
191814
  font-size: var(--global-typography-ui-label-font-size);
191604
191815
  line-height: var(--global-typography-ui-label-line-height);
191605
191816
  font-feature-settings:
@@ -191662,7 +191873,8 @@ const compentStyle$e = i$7`
191662
191873
  }
191663
191874
 
191664
191875
  :is(:is(.touch-target .info-container) .info-item) .info-label {
191665
- font-family: var(--font-family-main);
191876
+ font-family: var(--global-typography-font-family);
191877
+ font-weight: var(--global-typography-ui-label-font-weight);
191666
191878
  font-size: var(--global-typography-ui-label-font-size);
191667
191879
  line-height: var(--global-typography-ui-label-line-height);
191668
191880
  font-feature-settings:
@@ -191672,7 +191884,8 @@ const compentStyle$e = i$7`
191672
191884
  }
191673
191885
 
191674
191886
  :is(:is(.touch-target .info-container) .info-item) .info-status {
191675
- font-family: var(--font-family-main);
191887
+ font-family: var(--global-typography-font-family);
191888
+ font-weight: var(--global-typography-ui-label-active-font-weight);
191676
191889
  font-size: var(--global-typography-ui-label-active-font-size);
191677
191890
  line-height: var(--global-typography-ui-label-active-line-height);
191678
191891
  font-feature-settings:
@@ -191696,7 +191909,8 @@ const compentStyle$e = i$7`
191696
191909
  :is(.touch-target .info-readout-item) .info-item-label {
191697
191910
  justify-self: flex-start;
191698
191911
  grid-area: label;
191699
- font-family: var(--font-family-main);
191912
+ font-family: var(--global-typography-font-family);
191913
+ font-weight: var(--global-typography-ui-label-font-weight);
191700
191914
  font-size: var(--global-typography-ui-label-font-size);
191701
191915
  line-height: var(--global-typography-ui-label-line-height);
191702
191916
  font-feature-settings:
@@ -191707,7 +191921,8 @@ const compentStyle$e = i$7`
191707
191921
 
191708
191922
  :is(.touch-target .info-readout-item) .info-item-value {
191709
191923
  grid-area: value;
191710
- font-family: var(--font-family-main);
191924
+ font-family: var(--global-typography-font-family);
191925
+ font-weight: var(--global-typography-ui-label-active-font-weight);
191711
191926
  font-size: var(--global-typography-ui-label-active-font-size);
191712
191927
  line-height: var(--global-typography-ui-label-active-line-height);
191713
191928
  font-feature-settings:
@@ -191719,7 +191934,8 @@ const compentStyle$e = i$7`
191719
191934
 
191720
191935
  :is(.touch-target .info-readout-item) .info-item-unit {
191721
191936
  grid-area: unit;
191722
- font-family: var(--font-family-main);
191937
+ font-family: var(--global-typography-font-family);
191938
+ font-weight: var(--global-typography-ui-label-font-weight);
191723
191939
  font-size: var(--global-typography-ui-label-font-size);
191724
191940
  line-height: var(--global-typography-ui-label-line-height);
191725
191941
  font-feature-settings:
@@ -192557,7 +192773,8 @@ const compentStyle$d = i$7`
192557
192773
  display: flex;
192558
192774
  align-items: center;
192559
192775
  justify-content: center;
192560
- font-family: var(--font-family-main);
192776
+ font-family: var(--global-typography-font-family);
192777
+ font-weight: var(--global-typography-ui-body-font-weight);
192561
192778
  font-size: var(--global-typography-ui-body-font-size);
192562
192779
  line-height: var(--global-typography-ui-body-line-height);
192563
192780
  font-feature-settings:
@@ -192796,7 +193013,8 @@ const compentStyle$d = i$7`
192796
193013
  }
192797
193014
 
192798
193015
  .wrapper option:not(.fleet-option) {
192799
- font-family: var(--font-family-main);
193016
+ font-family: var(--global-typography-font-family);
193017
+ font-weight: var(--global-typography-ui-body-font-weight);
192800
193018
  font-size: var(--global-typography-ui-body-font-size);
192801
193019
  line-height: var(--global-typography-ui-body-line-height);
192802
193020
  font-feature-settings:
@@ -192827,7 +193045,8 @@ const compentStyle$d = i$7`
192827
193045
  }
192828
193046
 
192829
193047
  :is(.wrapper option:not(.fleet-option)) .status {
192830
- font-family: var(--font-family-main);
193048
+ font-family: var(--global-typography-font-family);
193049
+ font-weight: var(--global-typography-ui-label-font-weight);
192831
193050
  font-size: var(--global-typography-ui-label-font-size);
192832
193051
  line-height: var(--global-typography-ui-label-line-height);
192833
193052
  font-feature-settings:
@@ -192907,7 +193126,8 @@ const compentStyle$d = i$7`
192907
193126
 
192908
193127
  :is(.wrapper option:not(.fleet-option)):checked {
192909
193128
  color: var(--integration-on-selected-active-color);
192910
- font-family: var(--font-family-main);
193129
+ font-family: var(--global-typography-font-family);
193130
+ font-weight: var(--global-typography-ui-body-active-font-weight);
192911
193131
  font-size: var(--global-typography-ui-body-active-font-size);
192912
193132
  line-height: var(--global-typography-ui-body-active-line-height);
192913
193133
  font-feature-settings:
@@ -192926,7 +193146,8 @@ const compentStyle$d = i$7`
192926
193146
 
192927
193147
  :is(.wrapper option:not(.fleet-option)):checked .status {
192928
193148
  /* Keep status typography, but swap to the selected neutral color. */
192929
- font-family: var(--font-family-main);
193149
+ font-family: var(--global-typography-font-family);
193150
+ font-weight: var(--global-typography-ui-label-font-weight);
192930
193151
  font-size: var(--global-typography-ui-label-font-size);
192931
193152
  line-height: var(--global-typography-ui-label-line-height);
192932
193153
  font-feature-settings:
@@ -193269,7 +193490,8 @@ const compentStyle$c = i$7`
193269
193490
  }
193270
193491
 
193271
193492
  :is(.wrapper .header) .fleet-name {
193272
- font-family: var(--font-family-main);
193493
+ font-family: var(--global-typography-font-family);
193494
+ font-weight: var(--global-typography-ui-button-font-weight);
193273
193495
  font-size: var(--global-typography-ui-button-font-size);
193274
193496
  line-height: var(--global-typography-ui-button-line-height);
193275
193497
  font-feature-settings:
@@ -193279,7 +193501,8 @@ const compentStyle$c = i$7`
193279
193501
  }
193280
193502
 
193281
193503
  :is(.wrapper .header) .status {
193282
- font-family: var(--font-family-main);
193504
+ font-family: var(--global-typography-font-family);
193505
+ font-weight: var(--global-typography-ui-label-font-weight);
193283
193506
  font-size: var(--global-typography-ui-label-font-size);
193284
193507
  line-height: var(--global-typography-ui-label-line-height);
193285
193508
  font-feature-settings:
@@ -193362,7 +193585,8 @@ const compentStyle$c = i$7`
193362
193585
 
193363
193586
  :is(:is(:is(.wrapper .content) .readouts) .readout) .readout-label {
193364
193587
  grid-area: label;
193365
- font-family: var(--font-family-main);
193588
+ font-family: var(--global-typography-font-family);
193589
+ font-weight: var(--global-typography-ui-label-font-weight);
193366
193590
  font-size: var(--global-typography-ui-label-font-size);
193367
193591
  line-height: var(--global-typography-ui-label-line-height);
193368
193592
  font-feature-settings:
@@ -193404,7 +193628,8 @@ const compentStyle$c = i$7`
193404
193628
  }
193405
193629
 
193406
193630
  :is(:is(.wrapper .content) .alerts) .alert-topic {
193407
- font-family: var(--font-family-main);
193631
+ font-family: var(--global-typography-font-family);
193632
+ font-weight: var(--global-typography-ui-body-font-weight);
193408
193633
  font-size: var(--global-typography-ui-body-font-size);
193409
193634
  line-height: var(--global-typography-ui-body-line-height);
193410
193635
  font-feature-settings:
@@ -193417,7 +193642,8 @@ const compentStyle$c = i$7`
193417
193642
  }
193418
193643
 
193419
193644
  .no-alert:is(:is(.wrapper .content) .alerts) .alert-counts {
193420
- font-family: var(--font-family-main);
193645
+ font-family: var(--global-typography-font-family);
193646
+ font-weight: var(--global-typography-ui-label-font-weight);
193421
193647
  font-size: var(--global-typography-ui-label-font-size);
193422
193648
  line-height: var(--global-typography-ui-label-line-height);
193423
193649
  font-feature-settings:
@@ -193433,7 +193659,8 @@ const compentStyle$c = i$7`
193433
193659
  }
193434
193660
 
193435
193661
  .has-alert:is(:is(.wrapper .content) .alerts) .alert-topic {
193436
- font-family: var(--font-family-main);
193662
+ font-family: var(--global-typography-font-family);
193663
+ font-weight: var(--global-typography-ui-body-active-font-weight);
193437
193664
  font-size: var(--global-typography-ui-body-active-font-size);
193438
193665
  line-height: var(--global-typography-ui-body-active-line-height);
193439
193666
  font-feature-settings:
@@ -193805,7 +194032,9 @@ const compentStyle$a = i$7`
193805
194032
  padding-top: 4px;
193806
194033
  padding-bottom: 4px;
193807
194034
 
193808
- font-family: var(--font-family-main);
194035
+ font-family: var(--global-typography-font-family);
194036
+
194037
+ font-weight: var(--global-typography-ui-overline-font-weight);
193809
194038
 
193810
194039
  font-size: var(--global-typography-ui-overline-font-size);
193811
194040
 
@@ -196040,7 +196269,8 @@ const componentStyle$h = i$7`
196040
196269
  }
196041
196270
 
196042
196271
  .source-container.source-type-regular .source {
196043
- font-family: var(--font-family-main);
196272
+ font-family: var(--global-typography-font-family);
196273
+ font-weight: var(--global-typography-ui-body-font-weight);
196044
196274
  font-size: var(--global-typography-ui-body-font-size);
196045
196275
  line-height: var(--global-typography-ui-body-line-height);
196046
196276
  font-feature-settings:
@@ -196114,7 +196344,8 @@ const componentStyle$h = i$7`
196114
196344
  }
196115
196345
 
196116
196346
  .source-type-regular:is(.source-container .source-picker)::part(label) {
196117
- font-family: var(--font-family-main);
196347
+ font-family: var(--global-typography-font-family);
196348
+ font-weight: var(--global-typography-ui-body-font-weight);
196118
196349
  font-size: var(--global-typography-ui-body-font-size);
196119
196350
  line-height: var(--global-typography-ui-body-line-height);
196120
196351
  font-feature-settings:
@@ -199419,14 +199650,15 @@ const compentStyle$8 = i$7`
199419
199650
  }
199420
199651
 
199421
199652
  .label {
199422
- font-family: var(--font-family-main);
199653
+ font-family: var(--global-typography-font-family);
199654
+ font-weight: var(--global-typography-ui-body-font-weight);
199423
199655
  font-size: var(--global-typography-ui-body-font-size);
199424
199656
  line-height: var(--global-typography-ui-body-line-height);
199425
199657
  font-feature-settings:
199426
199658
  "liga" off,
199427
199659
  "clig" off,
199428
199660
  "ss04" on;
199429
- font-size: calc(16px / var(--scale));
199661
+ font-size: calc(16px / var(--scale, 1));
199430
199662
  fill: var(--element-neutral-color);
199431
199663
  alignment-baseline: middle;
199432
199664
  text-anchor: middle;
@@ -209099,7 +209331,8 @@ const compentStyle$6 = i$7`
209099
209331
  }
209100
209332
 
209101
209333
  .wrapper.horizontal.enhanced .src {
209102
- font-family: var(--font-family-main);
209334
+ font-family: var(--global-typography-font-family);
209335
+ font-weight: var(--global-typography-ui-body-font-weight);
209103
209336
  font-size: var(--global-typography-ui-body-font-size);
209104
209337
  line-height: var(--global-typography-ui-body-line-height);
209105
209338
  font-feature-settings:
@@ -209168,7 +209401,8 @@ const compentStyle$6 = i$7`
209168
209401
 
209169
209402
  .wrapper .src-picker::part(label) {
209170
209403
  padding: 0;
209171
- font-family: var(--font-family-main);
209404
+ font-family: var(--global-typography-font-family);
209405
+ font-weight: var(--global-typography-ui-body-font-weight);
209172
209406
  font-size: var(--global-typography-ui-body-font-size);
209173
209407
  line-height: var(--global-typography-ui-body-line-height);
209174
209408
  font-feature-settings:
@@ -215931,7 +216165,7 @@ const compentStyle$1 = i$7`
215931
216165
  .wrapper {
215932
216166
  display: flex;
215933
216167
  flex-direction: column;
215934
- background: var(--color-container-background-color);
216168
+ background: var(--container-background-color);
215935
216169
  height: 100%;
215936
216170
 
215937
216171
  --padding-horizontal: var(--app-components-modal-margin-vertical);
@@ -215982,7 +216216,8 @@ const compentStyle$1 = i$7`
215982
216216
  .header .title {
215983
216217
  padding: 0px var(--app-components-alert-info-label-spacing);
215984
216218
  color: var(--element-neutral-color);
215985
- font-family: var(--font-family-main);
216219
+ font-family: var(--global-typography-font-family);
216220
+ font-weight: var(--global-typography-ui-overline-font-weight);
215986
216221
  font-size: var(--global-typography-ui-overline-font-size);
215987
216222
  line-height: var(--global-typography-ui-overline-line-height);
215988
216223
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -216012,7 +216247,8 @@ const compentStyle$1 = i$7`
216012
216247
 
216013
216248
  .body .description {
216014
216249
  color: var(--element-active-color);
216015
- font-family: var(--font-family-main);
216250
+ font-family: var(--global-typography-font-family);
216251
+ font-weight: var(--global-typography-ui-body-font-weight);
216016
216252
  font-size: var(--global-typography-ui-body-font-size);
216017
216253
  line-height: var(--global-typography-ui-body-line-height);
216018
216254
  font-feature-settings:
@@ -216024,7 +216260,8 @@ const compentStyle$1 = i$7`
216024
216260
 
216025
216261
  :is(.body .description) .label {
216026
216262
  color: var(--element-neutral-color);
216027
- font-family: var(--font-family-main);
216263
+ font-family: var(--global-typography-font-family);
216264
+ font-weight: var(--global-typography-ui-label-font-weight);
216028
216265
  font-size: var(--global-typography-ui-label-font-size);
216029
216266
  line-height: var(--global-typography-ui-label-line-height);
216030
216267
  font-feature-settings:
@@ -216040,7 +216277,8 @@ const compentStyle$1 = i$7`
216040
216277
 
216041
216278
  :is(.body .detail) .detail-title {
216042
216279
  color: var(--element-neutral-color);
216043
- font-family: var(--font-family-main);
216280
+ font-family: var(--global-typography-font-family);
216281
+ font-weight: var(--global-typography-ui-label-font-weight);
216044
216282
  font-size: var(--global-typography-ui-label-font-size);
216045
216283
  line-height: var(--global-typography-ui-label-line-height);
216046
216284
  font-feature-settings:
@@ -216051,7 +216289,8 @@ const compentStyle$1 = i$7`
216051
216289
 
216052
216290
  :is(.body .detail) .detail-value {
216053
216291
  color: var(--element-active-color);
216054
- font-family: var(--font-family-main);
216292
+ font-family: var(--global-typography-font-family);
216293
+ font-weight: var(--global-typography-ui-body-font-weight);
216055
216294
  font-size: var(--global-typography-ui-body-font-size);
216056
216295
  line-height: var(--global-typography-ui-body-line-height);
216057
216296
  font-feature-settings:
@@ -216064,7 +216303,8 @@ const compentStyle$1 = i$7`
216064
216303
  color: var(--element-active-color);
216065
216304
  width: var(--app-components-alert-info-icon-size);
216066
216305
  height: var(--app-components-alert-info-icon-size);
216067
- font-family: var(--font-family-main);
216306
+ font-family: var(--global-typography-font-family);
216307
+ font-weight: var(--global-typography-ui-body-font-weight);
216068
216308
  font-size: var(--global-typography-ui-body-font-size);
216069
216309
  line-height: var(--global-typography-ui-body-line-height);
216070
216310
  font-feature-settings:
@@ -216085,7 +216325,8 @@ const compentStyle$1 = i$7`
216085
216325
 
216086
216326
  .readout-graph-title {
216087
216327
  color: var(--element-active-color);
216088
- font-family: var(--font-family-main);
216328
+ font-family: var(--global-typography-font-family);
216329
+ font-weight: var(--global-typography-ui-label-font-weight);
216089
216330
  font-size: var(--global-typography-ui-label-font-size);
216090
216331
  line-height: var(--global-typography-ui-label-line-height);
216091
216332
  font-feature-settings: