@sellmate/design-system 1.0.18 → 1.0.20

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 (205) hide show
  1. package/dist/cjs/design-system.cjs.js +1 -1
  2. package/dist/cjs/{index--TtofS7_.js → index-D-PnW6jc.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{resolveColor-B7Ku3IGq.js → resolveColor-4RlaGD62.js} +226 -226
  5. package/dist/cjs/sd-badge.cjs.entry.js +4 -4
  6. package/dist/cjs/sd-button_21.cjs.entry.js +75 -54
  7. package/dist/cjs/sd-card.cjs.entry.js +3 -3
  8. package/dist/cjs/sd-date-picker.cjs.entry.js +2 -2
  9. package/dist/cjs/sd-file-picker.cjs.entry.js +5 -5
  10. package/dist/cjs/sd-form.cjs.entry.js +1 -1
  11. package/dist/cjs/sd-guide.cjs.entry.js +4 -4
  12. package/dist/cjs/sd-popover.cjs.entry.js +4 -4
  13. package/dist/cjs/sd-progress.cjs.entry.js +4 -4
  14. package/dist/cjs/sd-radio-button-group.cjs.entry.js +2 -2
  15. package/dist/cjs/sd-radio-group.cjs.entry.js +2 -2
  16. package/dist/cjs/sd-select-multiple-group.cjs.entry.js +2 -2
  17. package/dist/cjs/sd-select-multiple.cjs.entry.js +2 -2
  18. package/dist/cjs/sd-select-option-group.cjs.entry.js +5 -5
  19. package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
  20. package/dist/cjs/sd-tag.cjs.entry.js +1 -1
  21. package/dist/cjs/sd-toast.cjs.entry.js +4 -4
  22. package/dist/cjs/sd-toggle-button.cjs.entry.js +2 -2
  23. package/dist/cjs/sd-toggle.cjs.entry.js +2 -2
  24. package/dist/cjs/{tooltipArrow-QmTMaygR.js → tooltipArrow-CMyNLSC-.js} +1 -1
  25. package/dist/collection/collection-manifest.json +1 -1
  26. package/dist/collection/components/assets/checkFilled/index.js +1 -1
  27. package/dist/collection/components/assets/checkOutline/index.js +1 -1
  28. package/dist/collection/components/sd-badge/sd-badge.css +1 -1
  29. package/dist/collection/components/sd-badge/sd-badge.js +1 -1
  30. package/dist/collection/components/sd-button/sd-button.css +65 -26
  31. package/dist/collection/components/sd-button/sd-button.js +11 -7
  32. package/dist/collection/components/sd-card/sd-card.css +1 -1
  33. package/dist/collection/components/sd-card/sd-card.js +1 -1
  34. package/dist/collection/components/sd-checkbox/sd-checkbox.css +11 -11
  35. package/dist/collection/components/sd-date-box/sd-date-box.css +5 -5
  36. package/dist/collection/components/sd-date-picker/sd-date-picker.js +1 -1
  37. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.css +1 -1
  38. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +2 -2
  39. package/dist/collection/components/sd-field/sd-field.css +14 -11
  40. package/dist/collection/components/sd-field/sd-field.js +3 -3
  41. package/dist/collection/components/sd-file-picker/sd-file-picker.css +10 -10
  42. package/dist/collection/components/sd-file-picker/sd-file-picker.js +3 -3
  43. package/dist/collection/components/sd-floating-portal/sd-floating-portal.css +15 -15
  44. package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
  45. package/dist/collection/components/sd-guide/sd-guide.css +66 -27
  46. package/dist/collection/components/sd-guide/sd-guide.js +2 -2
  47. package/dist/collection/components/sd-icon/sd-icon.js +2 -2
  48. package/dist/collection/components/sd-input/sd-input.css +2 -2
  49. package/dist/collection/components/sd-input/sd-input.js +1 -1
  50. package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +1 -1
  51. package/dist/collection/components/sd-number-input/sd-number-input.css +5 -5
  52. package/dist/collection/components/sd-number-input/sd-number-input.js +5 -4
  53. package/dist/collection/components/sd-pagination/sd-pagination.css +4 -4
  54. package/dist/collection/components/sd-pagination/sd-pagination.js +2 -2
  55. package/dist/collection/components/sd-popover/sd-popover.js +3 -3
  56. package/dist/collection/components/sd-portal/sd-portal.js +1 -1
  57. package/dist/collection/components/sd-progress/sd-progress.css +6 -6
  58. package/dist/collection/components/sd-progress/sd-progress.js +2 -2
  59. package/dist/collection/components/sd-radio/sd-radio.css +8 -8
  60. package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.css +7 -7
  61. package/dist/collection/components/sd-radio-group/sd-radio-group.css +8 -8
  62. package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.css +2 -2
  63. package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js +2 -2
  64. package/dist/collection/components/sd-select/sd-select-option/sd-select-option.css +4 -4
  65. package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
  66. package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
  67. package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +1 -1
  68. package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css +2 -2
  69. package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.css +6 -6
  70. package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +3 -3
  71. package/dist/collection/components/sd-table/sd-table.css +14 -14
  72. package/dist/collection/components/sd-tabs/sd-tabs.css +8 -8
  73. package/dist/collection/components/sd-textarea/sd-textarea.css +6 -6
  74. package/dist/collection/components/sd-textarea/sd-textarea.js +2 -2
  75. package/dist/collection/components/sd-toast/sd-toast.js +3 -3
  76. package/dist/collection/components/sd-toggle/sd-toggle.css +6 -6
  77. package/dist/collection/components/sd-toggle-button/sd-toggle-button.css +9 -9
  78. package/dist/collection/components/sd-tooltip/sd-tooltip.js +1 -1
  79. package/dist/components/index.js +1 -1
  80. package/dist/components/{p-D4TaDVPI.js → p-B-UC5tW2.js} +1 -1
  81. package/dist/components/p-B82gJZ4z.js +1 -0
  82. package/dist/components/{p-CIDMF6fj.js → p-BVFlD1Lp.js} +1 -1
  83. package/dist/components/{p-DAj1C6hg.js → p-C0yQ73oI.js} +1 -1
  84. package/dist/components/{p-CNgER9mk.js → p-C1XPuuO-.js} +1 -1
  85. package/dist/components/{p-DojkP9rD.js → p-C6J-ZZxF.js} +1 -1
  86. package/dist/components/p-CDehvEQ5.js +1 -0
  87. package/dist/components/p-CHAh-_qx.js +1 -0
  88. package/dist/components/{p-IFDX7o1t.js → p-CU5TiEeI.js} +1 -1
  89. package/dist/components/{p-DOdjsjwr.js → p-CWg2auF3.js} +1 -1
  90. package/dist/components/{p-Bdq3Hub5.js → p-CaEyReID.js} +1 -1
  91. package/dist/components/{p-Bxs0Hp4o.js → p-CbQobmaB.js} +1 -1
  92. package/dist/components/{p-BDlbibwl.js → p-Cef06v8S.js} +1 -1
  93. package/dist/components/{p-Cc-cekjN.js → p-D0U1cMbs.js} +1 -1
  94. package/dist/components/{p-Ay5V-5Fu.js → p-D35gOcGh.js} +1 -1
  95. package/dist/components/p-DUqcOPNn.js +1 -0
  96. package/dist/components/{p-BE_euN7G.js → p-DdNQILvd.js} +1 -1
  97. package/dist/components/{p-7hAgxVaZ.js → p-DdOM8yc2.js} +1 -1
  98. package/dist/components/{p-Csz5Om2E.js → p-J-Yn0oS3.js} +1 -1
  99. package/dist/components/{p-BkU8yMUR.js → p-MmKik3mL.js} +1 -1
  100. package/dist/components/{p-Czdx4VDt.js → p-qSu-ayDy.js} +1 -1
  101. package/dist/components/{p-GjahxZoU.js → p-rn5S2icF.js} +1 -1
  102. package/dist/components/sd-badge.js +1 -1
  103. package/dist/components/sd-button.js +1 -1
  104. package/dist/components/sd-card.js +1 -1
  105. package/dist/components/sd-checkbox.js +1 -1
  106. package/dist/components/sd-date-box.js +1 -1
  107. package/dist/components/sd-date-picker.js +1 -1
  108. package/dist/components/sd-date-range-picker.js +1 -1
  109. package/dist/components/sd-field.js +1 -1
  110. package/dist/components/sd-file-picker.js +1 -1
  111. package/dist/components/sd-floating-portal.js +1 -1
  112. package/dist/components/sd-form.js +1 -1
  113. package/dist/components/sd-guide.js +1 -1
  114. package/dist/components/sd-icon.js +1 -1
  115. package/dist/components/sd-input.js +1 -1
  116. package/dist/components/sd-loading-spinner.js +1 -1
  117. package/dist/components/sd-modal-card.js +1 -1
  118. package/dist/components/sd-number-input.js +1 -1
  119. package/dist/components/sd-pagination.js +1 -1
  120. package/dist/components/sd-popover.js +1 -1
  121. package/dist/components/sd-portal.js +1 -1
  122. package/dist/components/sd-progress.js +1 -1
  123. package/dist/components/sd-radio-button-group.js +1 -1
  124. package/dist/components/sd-radio-group.js +1 -1
  125. package/dist/components/sd-radio.js +1 -1
  126. package/dist/components/sd-select-dropdown.js +1 -1
  127. package/dist/components/sd-select-multiple-group.js +1 -1
  128. package/dist/components/sd-select-multiple.js +1 -1
  129. package/dist/components/sd-select-option-group.js +1 -1
  130. package/dist/components/sd-select-option.js +1 -1
  131. package/dist/components/sd-select-search-input.js +1 -1
  132. package/dist/components/sd-select.js +1 -1
  133. package/dist/components/sd-table.js +1 -1
  134. package/dist/components/sd-tabs.js +1 -1
  135. package/dist/components/sd-tag.js +1 -1
  136. package/dist/components/sd-textarea.js +1 -1
  137. package/dist/components/sd-toast.js +1 -1
  138. package/dist/components/sd-toggle-button.js +1 -1
  139. package/dist/components/sd-toggle.js +1 -1
  140. package/dist/components/sd-tooltip.js +1 -1
  141. package/dist/design-system/design-system.css +1 -1
  142. package/dist/design-system/design-system.esm.js +1 -1
  143. package/dist/design-system/{p-ae33c0ca.entry.js → p-0406b7f9.entry.js} +1 -1
  144. package/dist/design-system/{p-a4f8f2cd.entry.js → p-103de692.entry.js} +1 -1
  145. package/dist/design-system/{p-fe119275.entry.js → p-32c27eca.entry.js} +1 -1
  146. package/dist/design-system/{p-21da28bf.entry.js → p-3301c280.entry.js} +1 -1
  147. package/dist/design-system/{p-12669d98.entry.js → p-3d03b19e.entry.js} +1 -1
  148. package/dist/design-system/p-3e07e92a.entry.js +1 -0
  149. package/dist/design-system/{p-999055e0.entry.js → p-3edd59b5.entry.js} +1 -1
  150. package/dist/design-system/{p-6f68dfd1.entry.js → p-55c13597.entry.js} +1 -1
  151. package/dist/design-system/{p-2663d30c.entry.js → p-646ed990.entry.js} +1 -1
  152. package/dist/design-system/p-679e4367.entry.js +1 -0
  153. package/dist/design-system/p-822233ee.entry.js +1 -0
  154. package/dist/design-system/{p-69fafae5.entry.js → p-8f99cd66.entry.js} +1 -1
  155. package/dist/design-system/{p-4a733ba8.entry.js → p-8fde8570.entry.js} +1 -1
  156. package/dist/design-system/{p-Bu6bb0Fx.js → p-Bak0zfmv.js} +1 -1
  157. package/dist/design-system/p-C_an1PQ3.js +2 -0
  158. package/dist/design-system/p-DUqcOPNn.js +1 -0
  159. package/dist/design-system/{p-434d7316.entry.js → p-ab3b6f63.entry.js} +1 -1
  160. package/dist/design-system/p-d021a375.entry.js +1 -0
  161. package/dist/design-system/{p-f2b8fd2a.entry.js → p-d344fa9d.entry.js} +1 -1
  162. package/dist/design-system/{p-2c776f94.entry.js → p-d6b38732.entry.js} +1 -1
  163. package/dist/design-system/p-de339565.entry.js +1 -0
  164. package/dist/design-system/{p-f69a9ad8.entry.js → p-fc0e636b.entry.js} +1 -1
  165. package/dist/esm/design-system.js +2 -2
  166. package/dist/esm/{index-BNCQkS1w.js → index-C_an1PQ3.js} +1 -1
  167. package/dist/esm/loader.js +2 -2
  168. package/dist/esm/{resolveColor-DcGvp3RM.js → resolveColor-DUqcOPNn.js} +226 -226
  169. package/dist/esm/sd-badge.entry.js +4 -4
  170. package/dist/esm/sd-button_21.entry.js +75 -54
  171. package/dist/esm/sd-card.entry.js +3 -3
  172. package/dist/esm/sd-date-picker.entry.js +2 -2
  173. package/dist/esm/sd-file-picker.entry.js +5 -5
  174. package/dist/esm/sd-form.entry.js +1 -1
  175. package/dist/esm/sd-guide.entry.js +4 -4
  176. package/dist/esm/sd-popover.entry.js +4 -4
  177. package/dist/esm/sd-progress.entry.js +4 -4
  178. package/dist/esm/sd-radio-button-group.entry.js +2 -2
  179. package/dist/esm/sd-radio-group.entry.js +2 -2
  180. package/dist/esm/sd-select-multiple-group.entry.js +2 -2
  181. package/dist/esm/sd-select-multiple.entry.js +2 -2
  182. package/dist/esm/sd-select-option-group.entry.js +5 -5
  183. package/dist/esm/sd-tabs.entry.js +2 -2
  184. package/dist/esm/sd-tag.entry.js +1 -1
  185. package/dist/esm/sd-toast.entry.js +4 -4
  186. package/dist/esm/sd-toggle-button.entry.js +2 -2
  187. package/dist/esm/sd-toggle.entry.js +2 -2
  188. package/dist/esm/{tooltipArrow-DSxHqrjN.js → tooltipArrow-BTp0AVR2.js} +1 -1
  189. package/dist/types/components/assets/checkFilled/index.d.ts +1 -1
  190. package/dist/types/components/assets/checkOutline/index.d.ts +1 -1
  191. package/dist/types/components/assets/index.d.ts +2 -2
  192. package/hydrate/index.js +329 -308
  193. package/hydrate/index.mjs +329 -308
  194. package/package.json +2 -2
  195. package/dist/components/p-4iQAU7kM.js +0 -1
  196. package/dist/components/p-B45-wHcP.js +0 -1
  197. package/dist/components/p-DHdV8DHV.js +0 -1
  198. package/dist/components/p-DcGvp3RM.js +0 -1
  199. package/dist/design-system/p-31175b5c.entry.js +0 -1
  200. package/dist/design-system/p-358de11a.entry.js +0 -1
  201. package/dist/design-system/p-BNCQkS1w.js +0 -2
  202. package/dist/design-system/p-DcGvp3RM.js +0 -1
  203. package/dist/design-system/p-b3a0300b.entry.js +0 -1
  204. package/dist/design-system/p-c5837bdf.entry.js +0 -1
  205. package/dist/design-system/p-d9af74c0.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index--TtofS7_.js');
3
+ var index = require('./index-D-PnW6jc.js');
4
4
 
5
5
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
6
6
  /*
@@ -4,7 +4,7 @@ const NAMESPACE = 'design-system';
4
4
  const BUILD = /* design-system */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
5
5
 
6
6
  const globalScripts = () => {};
7
- const globalStyles = ".bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}";
7
+ const globalStyles = ":root{--color-primary:#051D36;--sd-primary:#051D36;--color-secondary:#555555;--sd-secondary:#555555;--color-accent:#9C27B0;--sd-accent:#9C27B0;--color-positive:#0075FF;--sd-positive:#0075FF;--color-negative:#E30000;--sd-negative:#E30000;--color-info:#00CD52;--sd-info:#00CD52;--color-warning:#F2C037;--sd-warning:#F2C037;--color-caution_bg:#FEF1F1;--sd-caution_bg:#FEF1F1;--color-caution_icon:#FD9595;--sd-caution_icon:#FD9595;--color-header_alert:#FF7A00;--sd-header_alert:#FF7A00;--color-black:#000000;--sd-black:#000000;--color-grey_10:#F6F6F6;--sd-grey_10:#F6F6F6;--color-grey_20:#EEEEEE;--sd-grey_20:#EEEEEE;--color-grey_25:#E5E5E5;--sd-grey_25:#E5E5E5;--color-grey_30:#E1E1E1;--sd-grey_30:#E1E1E1;--color-grey_35:#D8D8D8;--sd-grey_35:#D8D8D8;--color-grey_45:#CCCCCC;--sd-grey_45:#CCCCCC;--color-grey_50:#BBBBBB;--sd-grey_50:#BBBBBB;--color-grey_55:#AAAAAA;--sd-grey_55:#AAAAAA;--color-grey_60:#999999;--sd-grey_60:#999999;--color-grey_65:#888888;--sd-grey_65:#888888;--color-grey_70:#737373;--sd-grey_70:#737373;--color-grey_80:#555555;--sd-grey_80:#555555;--color-grey_85:#444444;--sd-grey_85:#444444;--color-grey_90:#333333;--sd-grey_90:#333333;--color-grey_95:#222222;--sd-grey_95:#222222;--color-grey_05:#F9F9F9;--sd-grey_05:#F9F9F9;--color-white:#FFFFFF;--sd-white:#FFFFFF;--color-red_15:#FCEFEF;--sd-red_15:#FCEFEF;--color-red_20:#FCE6E6;--sd-red_20:#FCE6E6;--color-red_30:#FFD3D3;--sd-red_30:#FFD3D3;--color-red_45:#FFB5B5;--sd-red_45:#FFB5B5;--color-red_60:#FF7C7C;--sd-red_60:#FF7C7C;--color-red_70:#FB4444;--sd-red_70:#FB4444;--color-red_75:#E30000;--sd-red_75:#E30000;--color-red_80:#AD0000;--sd-red_80:#AD0000;--color-red_85:#820000;--sd-red_85:#820000;--color-red_90:#5E0000;--sd-red_90:#5E0000;--color-red_95:#440000;--sd-red_95:#440000;--color-red_99:#220000;--sd-red_99:#220000;--color-orange_10:#FEF1EA;--sd-orange_10:#FEF1EA;--color-orange_20:#FFEAD7;--sd-orange_20:#FFEAD7;--color-orange_35:#FFD5AF;--sd-orange_35:#FFD5AF;--color-orange_45:#FFBC81;--sd-orange_45:#FFBC81;--color-orange_55:#FFA452;--sd-orange_55:#FFA452;--color-orange_60:#FF7F22;--sd-orange_60:#FF7F22;--color-orange_65:#FF6B00;--sd-orange_65:#FF6B00;--color-orange_75:#CE4900;--sd-orange_75:#CE4900;--color-orange_85:#9B3700;--sd-orange_85:#9B3700;--color-orange_90:#752A00;--sd-orange_90:#752A00;--color-orange_95:#4D1B00;--sd-orange_95:#4D1B00;--color-orange_99:#2F1100;--sd-orange_99:#2F1100;--color-yellow_10:#FFF7DD;--sd-yellow_10:#FFF7DD;--color-yellow_20:#FEF1C4;--sd-yellow_20:#FEF1C4;--color-yellow_25:#FFE99E;--sd-yellow_25:#FFE99E;--color-yellow_30:#FEE17C;--sd-yellow_30:#FEE17C;--color-yellow_40:#FFD643;--sd-yellow_40:#FFD643;--color-yellow_45:#FFC700;--sd-yellow_45:#FFC700;--color-yellow_50:#EBB110;--sd-yellow_50:#EBB110;--color-yellow_60:#CA9612;--sd-yellow_60:#CA9612;--color-yellow_70:#916C0D;--sd-yellow_70:#916C0D;--color-yellow_80:#6C5002;--sd-yellow_80:#6C5002;--color-yellow_90:#453602;--sd-yellow_90:#453602;--color-yellow_95:#322700;--sd-yellow_95:#322700;--color-olive_10:#FBFBBF;--sd-olive_10:#FBFBBF;--color-olive_15:#FAFAA1;--sd-olive_15:#FAFAA1;--color-olive_20:#F6F65F;--sd-olive_20:#F6F65F;--color-olive_30:#EEEE37;--sd-olive_30:#EEEE37;--color-olive_45:#DDDD12;--sd-olive_45:#DDDD12;--color-olive_55:#C7C700;--sd-olive_55:#C7C700;--color-olive_65:#A5A500;--sd-olive_65:#A5A500;--color-olive_70:#838300;--sd-olive_70:#838300;--color-olive_80:#636300;--sd-olive_80:#636300;--color-olive_90:#454500;--sd-olive_90:#454500;--color-olive_95:#2C2C00;--sd-olive_95:#2C2C00;--color-olive_05:#FEFED9;--sd-olive_05:#FEFED9;--color-green_15:#E8F9EF;--sd-green_15:#E8F9EF;--color-green_25:#D4FAE3;--sd-green_25:#D4FAE3;--color-green_45:#ACF4C9;--sd-green_45:#ACF4C9;--color-green_55:#6DE39C;--sd-green_55:#6DE39C;--color-green_65:#2BCE6C;--sd-green_65:#2BCE6C;--color-green_70:#12B553;--sd-green_70:#12B553;--color-green_75:#00973C;--sd-green_75:#00973C;--color-green_80:#007B31;--sd-green_80:#007B31;--color-green_85:#006629;--sd-green_85:#006629;--color-green_90:#00461C;--sd-green_90:#00461C;--color-green_95:#003013;--sd-green_95:#003013;--color-green_99:#001D0B;--sd-green_99:#001D0B;--color-steelblue_10:#ECF8FD;--sd-steelblue_10:#ECF8FD;--color-steelblue_25:#D9F2FD;--sd-steelblue_25:#D9F2FD;--color-steelblue_45:#A4E2FD;--sd-steelblue_45:#A4E2FD;--color-steelblue_60:#50BFF0;--sd-steelblue_60:#50BFF0;--color-steelblue_65:#229FD7;--sd-steelblue_65:#229FD7;--color-steelblue_70:#128FC7;--sd-steelblue_70:#128FC7;--color-steelblue_75:#066D9B;--sd-steelblue_75:#066D9B;--color-steelblue_80:#06587D;--sd-steelblue_80:#06587D;--color-steelblue_85:#033F59;--sd-steelblue_85:#033F59;--color-steelblue_90:#032D40;--sd-steelblue_90:#032D40;--color-steelblue_95:#02212F;--sd-steelblue_95:#02212F;--color-steelblue_99:#021A25;--sd-steelblue_99:#021A25;--color-oceanblue_15:#EAF5FE;--sd-oceanblue_15:#EAF5FE;--color-oceanblue_25:#D5EBFE;--sd-oceanblue_25:#D5EBFE;--color-oceanblue_50:#9CD1FC;--sd-oceanblue_50:#9CD1FC;--color-oceanblue_60:#5CB0F3;--sd-oceanblue_60:#5CB0F3;--color-oceanblue_65:#1F8AE1;--sd-oceanblue_65:#1F8AE1;--color-oceanblue_70:#006AC1;--sd-oceanblue_70:#006AC1;--color-oceanblue_75:#025497;--sd-oceanblue_75:#025497;--color-oceanblue_80:#004177;--sd-oceanblue_80:#004177;--color-oceanblue_85:#07284A;--sd-oceanblue_85:#07284A;--color-oceanblue_90:#051D36;--sd-oceanblue_90:#051D36;--color-oceanblue_95:#03172D;--sd-oceanblue_95:#03172D;--color-oceanblue_99:#011428;--sd-oceanblue_99:#011428;--color-brilliantblue_10:#EFF6FF;--sd-brilliantblue_10:#EFF6FF;--color-brilliantblue_20:#E6F1FF;--sd-brilliantblue_20:#E6F1FF;--color-brilliantblue_25:#D9EAFF;--sd-brilliantblue_25:#D9EAFF;--color-brilliantblue_40:#BBDAFF;--sd-brilliantblue_40:#BBDAFF;--color-brilliantblue_50:#93C4FF;--sd-brilliantblue_50:#93C4FF;--color-brilliantblue_60:#64ABFF;--sd-brilliantblue_60:#64ABFF;--color-brilliantblue_70:#2D8DFF;--sd-brilliantblue_70:#2D8DFF;--color-brilliantblue_75:#0075FF;--sd-brilliantblue_75:#0075FF;--color-brilliantblue_80:#005CC9;--sd-brilliantblue_80:#005CC9;--color-brilliantblue_85:#004290;--sd-brilliantblue_85:#004290;--color-brilliantblue_90:#002B5E;--sd-brilliantblue_90:#002B5E;--color-brilliantblue_95:#001B39;--sd-brilliantblue_95:#001B39;--color-brilliantblue_99:#001226;--sd-brilliantblue_99:#001226;--color-brilliantblue_05:#F5FAFF;--sd-brilliantblue_05:#F5FAFF;--sd-system-typography-control-xs-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-xs-font-size:12px;--sd-system-typography-control-xs-font-weight:500;--sd-system-typography-control-xs-text-decoration:none;--sd-system-typography-control-sm-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-sm-font-size:12px;--sd-system-typography-control-sm-font-weight:500;--sd-system-typography-control-sm-text-decoration:none;--sd-system-typography-control-md-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-md-font-size:16px;--sd-system-typography-control-md-font-weight:500;--sd-system-typography-control-md-text-decoration:none;--sd-system-typography-control-lg-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-lg-font-size:18px;--sd-system-typography-control-lg-font-weight:500;--sd-system-typography-control-lg-text-decoration:none;--sd-system-size-control-xs-height:24px;--sd-system-size-control-sm-height:28px;--sd-system-size-control-md-height:34px;--sd-system-size-control-lg-height:62px;--sd-system-size-icon-xs:12px;--sd-system-size-icon-sm:16px;--sd-system-size-icon-md:20px;--sd-system-size-icon-lg:24px;--sd-system-space-control-xs-padding-x:8px;--sd-system-space-control-xs-gap:4px;--sd-system-space-control-sm-padding-x:12px;--sd-system-space-control-sm-gap:6px;--sd-system-space-control-md-padding-x:20px;--sd-system-space-control-md-gap:8px;--sd-system-space-control-lg-padding-x:28px;--sd-system-space-control-lg-gap:12px;--sd-system-radius-control-default:4px;--sd-system-border-width-control-default:1px;--sd-system-color-bg-screen:#EEEEEE;--sd-system-color-bg-frame:#FFFFFF;--sd-system-color-bg-brand:#025497;--sd-system-color-bg-subtle:#1F8AE1;--sd-system-color-bg-accent-default:#0075FF;--sd-system-color-bg-accent-light:#F5FAFF;--sd-system-color-bg-danger-default:#E30000;--sd-system-color-bg-danger-light:#FCEFEF;--sd-system-color-bg-warning:#FF6B00;--sd-system-color-bg-progress:#0075FF;--sd-system-color-bg-success-default:#00973C;--sd-system-color-bg-success-light:#12B553;--sd-system-color-text-primary:#222222;--sd-system-color-text-secondary:#333333;--sd-system-color-text-tertiary:#555555;--sd-system-color-text-quaternary:#888888;--sd-system-color-text-brand:#005CC9;--sd-system-color-text-subtle:#066D9B;--sd-system-color-text-accent:#0075FF;--sd-system-color-text-danger-default:#E30000;--sd-system-color-text-danger-light:#FB4444;--sd-system-color-text-warning:#FF6B00;--sd-system-color-text-inverse:#FFFFFF;--sd-system-color-link-accent:#006AC1;--sd-system-color-icon-brand:#025497;--sd-system-color-icon-accent:#0075FF;--sd-system-color-icon-danger:#E30000;--sd-system-color-icon-success:#00973C;--sd-system-color-icon-inverse:#FFFFFF;--sd-system-color-control-bg-disabled:#E1E1E1;--sd-system-color-control-border-disabled:#CCCCCC;--sd-system-color-control-content-disabled:#888888;--sd-button-xs-height:24px;--sd-button-xs-padding-x:8px;--sd-button-xs-gap:4px;--sd-button-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-xs-typography-font-size:12px;--sd-button-xs-typography-font-weight:500;--sd-button-xs-typography-text-decoration:none;--sd-button-sm-height:28px;--sd-button-sm-padding-x:12px;--sd-button-sm-gap:6px;--sd-button-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-sm-typography-font-size:12px;--sd-button-sm-typography-font-weight:500;--sd-button-sm-typography-text-decoration:none;--sd-button-md-height:34px;--sd-button-md-padding-x:20px;--sd-button-md-gap:8px;--sd-button-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-md-typography-font-size:16px;--sd-button-md-typography-font-weight:500;--sd-button-md-typography-text-decoration:none;--sd-button-lg-height:62px;--sd-button-lg-padding-x:28px;--sd-button-lg-gap:12px;--sd-button-lg-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-lg-typography-font-size:18px;--sd-button-lg-typography-font-weight:500;--sd-button-lg-typography-text-decoration:none;--sd-button-size-xs-icon:12px;--sd-button-size-sm-icon:16px;--sd-button-size-md-icon:20px;--sd-button-size-lg-icon:24px;--sd-button-radius-default:4px;--sd-button-border-width-default:1px;--sd-button-border-disabled:#CCCCCC;--sd-button-label-xs-min-width:36px;--sd-button-label-sm-min-width:70px;--sd-button-label-md-min-width:100px;--sd-button-label-lg-min-width:120px;--sd-button-leading-icon-xs-min-width:60px;--sd-button-leading-icon-sm-min-width:70px;--sd-button-leading-icon-md-min-width:100px;--sd-button-leading-icon-lg-min-width:120px;--sd-button-dropdown-xs-min-width:60px;--sd-button-dropdown-sm-min-width:76px;--sd-button-dropdown-md-min-width:106px;--sd-button-icon-only-xs-width:24px;--sd-button-icon-only-sm-width:28px;--sd-button-icon-only-md-width:34px;--sd-button-icon-only-lg-width:62px;--sd-button-bg-disabled:#E1E1E1;--sd-button-content-disabled:#888888;--sd-button-brand-strong-bg-default:#025497;--sd-button-brand-strong-bg-hover:#004177;--sd-button-brand-strong-content:#FFFFFF;--sd-button-brand-strong-dropdown-divider:#006AC1;--sd-button-brand-subtle-bg-default:#1F8AE1;--sd-button-brand-subtle-bg-hover:#006AC1;--sd-button-brand-subtle-content:#FFFFFF;--sd-button-brand-subtle-dropdown-divider:#5CB0F3;--sd-button-brand-outline-bg-default:#FFFFFF;--sd-button-brand-outline-bg-hover:#EAF5FE;--sd-button-brand-outline-border:#025497;--sd-button-brand-outline-content:#025497;--sd-button-neutral-subtle-bg-default:#FFFFFF;--sd-button-neutral-subtle-bg-hover:#EEEEEE;--sd-button-neutral-subtle-content:#333333;--sd-button-neutral-outline-bg-default:#FFFFFF;--sd-button-neutral-outline-bg-hover:#EEEEEE;--sd-button-neutral-outline-border:#888888;--sd-button-neutral-outline-content:#333333;--sd-button-danger-strong-bg-default:#E30000;--sd-button-danger-strong-bg-hover:#AD0000;--sd-button-danger-strong-content:#FFFFFF;--sd-button-danger-strong-dropdown-divider:#FF7C7C;--sd-button-danger-outline-bg-default:#FFFFFF;--sd-button-danger-outline-bg-hover:#FCEFEF;--sd-button-danger-outline-border:#E30000;--sd-button-danger-outline-content:#E30000}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}";
8
8
 
9
9
  /*
10
10
  Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index--TtofS7_.js');
3
+ var index = require('./index-D-PnW6jc.js');
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
@@ -1,131 +1,131 @@
1
1
  'use strict';
2
2
 
3
- const primary = "#051d36";
3
+ const primary = "#051D36";
4
4
  const secondary = "#555555";
5
- const accent = "#9c27b0";
6
- const positive = "#0075ff";
7
- const negative = "#e30000";
8
- const info = "#00cd52";
9
- const warning = "#f2c037";
10
- const red_99 = "#220000";
11
- const red_95 = "#440000";
12
- const red_90 = "#5E0000";
13
- const red_85 = "#820000";
14
- const red_80 = "#AD0000";
15
- const red_75 = "#E30000";
16
- const red_70 = "#FB4444";
17
- const red_60 = "#FF7C7C";
18
- const red_45 = "#FFB5B5";
19
- const red_30 = "#FFD3D3";
20
- const red_20 = "#FCE6E6";
21
- const red_15 = "#FCEFEF";
5
+ const accent = "#9C27B0";
6
+ const positive = "#0075FF";
7
+ const negative = "#E30000";
8
+ const info = "#00CD52";
9
+ const warning = "#F2C037";
22
10
  const caution_bg = "#FEF1F1";
23
- const caution_icon = "#fd9595";
24
- const orange_99 = "#2F1100";
25
- const orange_95 = "#4D1B00";
26
- const orange_90 = "#752A00";
27
- const orange_85 = "#9B3700";
28
- const orange_75 = "#CE4900";
29
- const orange_65 = "#FF6B00";
30
- const orange_60 = "#FF7F22";
31
- const orange_55 = "#FFA452";
32
- const orange_45 = "#FFBC81";
33
- const orange_35 = "#FFD5AF";
34
- const orange_20 = "#FFEAD7";
35
- const orange_10 = "#FEF1EA";
11
+ const caution_icon = "#FD9595";
36
12
  const header_alert = "#FF7A00";
37
- const yellow_95 = "#322700";
38
- const yellow_90 = "#453702";
39
- const yellow_80 = "#6C5602";
40
- const yellow_70 = "#9C7A00";
41
- const yellow_60 = "#C49900";
42
- const yellow_50 = "#EBB800";
43
- const yellow_45 = "#FFC700";
44
- const yellow_40 = "#FFD643";
45
- const yellow_30 = "#FEE17C";
46
- const yellow_25 = "#FFE99E";
47
- const yellow_20 = "#FEF1C4";
13
+ const black = "#000000";
14
+ const grey_10 = "#F6F6F6";
15
+ const grey_20 = "#EEEEEE";
16
+ const grey_25 = "#E5E5E5";
17
+ const grey_30 = "#E1E1E1";
18
+ const grey_35 = "#D8D8D8";
19
+ const grey_45 = "#CCCCCC";
20
+ const grey_50 = "#BBBBBB";
21
+ const grey_55 = "#AAAAAA";
22
+ const grey_60 = "#999999";
23
+ const grey_65 = "#888888";
24
+ const grey_70 = "#737373";
25
+ const grey_80 = "#555555";
26
+ const grey_85 = "#444444";
27
+ const grey_90 = "#333333";
28
+ const grey_95 = "#222222";
29
+ const grey_05 = "#F9F9F9";
30
+ const white = "#FFFFFF";
31
+ const red_15 = "#FCEFEF";
32
+ const red_20 = "#FCE6E6";
33
+ const red_30 = "#FFD3D3";
34
+ const red_45 = "#FFB5B5";
35
+ const red_60 = "#FF7C7C";
36
+ const red_70 = "#FB4444";
37
+ const red_75 = "#E30000";
38
+ const red_80 = "#AD0000";
39
+ const red_85 = "#820000";
40
+ const red_90 = "#5E0000";
41
+ const red_95 = "#440000";
42
+ const red_99 = "#220000";
43
+ const orange_10 = "#FEF1EA";
44
+ const orange_20 = "#FFEAD7";
45
+ const orange_35 = "#FFD5AF";
46
+ const orange_45 = "#FFBC81";
47
+ const orange_55 = "#FFA452";
48
+ const orange_60 = "#FF7F22";
49
+ const orange_65 = "#FF6B00";
50
+ const orange_75 = "#CE4900";
51
+ const orange_85 = "#9B3700";
52
+ const orange_90 = "#752A00";
53
+ const orange_95 = "#4D1B00";
54
+ const orange_99 = "#2F1100";
48
55
  const yellow_10 = "#FFF7DD";
49
- const olive_95 = "#2C2C00";
50
- const olive_90 = "#454500";
51
- const olive_80 = "#636300";
52
- const olive_70 = "#838300";
53
- const olive_65 = "#A5A500";
54
- const olive_55 = "#C7C700";
55
- const olive_45 = "#DDDD12";
56
- const olive_30 = "#EEEE37";
57
- const olive_20 = "#F6F65F";
58
- const olive_15 = "#FAFAA1";
56
+ const yellow_20 = "#FEF1C4";
57
+ const yellow_25 = "#FFE99E";
58
+ const yellow_30 = "#FEE17C";
59
+ const yellow_40 = "#FFD643";
60
+ const yellow_45 = "#FFC700";
61
+ const yellow_50 = "#EBB110";
62
+ const yellow_60 = "#CA9612";
63
+ const yellow_70 = "#916C0D";
64
+ const yellow_80 = "#6C5002";
65
+ const yellow_90 = "#453602";
66
+ const yellow_95 = "#322700";
59
67
  const olive_10 = "#FBFBBF";
68
+ const olive_15 = "#FAFAA1";
69
+ const olive_20 = "#F6F65F";
70
+ const olive_30 = "#EEEE37";
71
+ const olive_45 = "#DDDD12";
72
+ const olive_55 = "#C7C700";
73
+ const olive_65 = "#A5A500";
74
+ const olive_70 = "#838300";
75
+ const olive_80 = "#636300";
76
+ const olive_90 = "#454500";
77
+ const olive_95 = "#2C2C00";
60
78
  const olive_05 = "#FEFED9";
61
- const green_99 = "#001D0B";
62
- const green_95 = "#003013";
63
- const green_90 = "#00461C";
64
- const green_85 = "#006629";
65
- const green_80 = "#007B31";
66
- const green_75 = "#00973C";
67
- const green_70 = "#12B553";
68
- const green_65 = "#2BCE6C";
69
- const green_55 = "#6DE39C";
70
- const green_45 = "#ACF4C9";
71
- const green_25 = "#D4FAE3";
72
79
  const green_15 = "#E8F9EF";
73
- const steelblue_99 = "#021a25";
74
- const steelblue_95 = "#02212f";
75
- const steelblue_90 = "#032d40";
76
- const steelblue_85 = "#033f59";
77
- const steelblue_80 = "#06587d";
78
- const steelblue_75 = "#066d9b";
79
- const steelblue_70 = "#128fc7";
80
- const steelblue_65 = "#229fd7";
81
- const steelblue_60 = "#50bff0";
82
- const steelblue_45 = "#a4e2fd";
83
- const steelblue_25 = "#d9f2fd";
84
- const steelblue_10 = "#ecf8fd";
85
- const oceanblue_99 = "#011428";
86
- const oceanblue_95 = "#03172d";
87
- const oceanblue_90 = "#051d36";
88
- const oceanblue_85 = "#07284a";
89
- const oceanblue_80 = "#004177";
80
+ const green_25 = "#D4FAE3";
81
+ const green_45 = "#ACF4C9";
82
+ const green_55 = "#6DE39C";
83
+ const green_65 = "#2BCE6C";
84
+ const green_70 = "#12B553";
85
+ const green_75 = "#00973C";
86
+ const green_80 = "#007B31";
87
+ const green_85 = "#006629";
88
+ const green_90 = "#00461C";
89
+ const green_95 = "#003013";
90
+ const green_99 = "#001D0B";
91
+ const steelblue_10 = "#ECF8FD";
92
+ const steelblue_25 = "#D9F2FD";
93
+ const steelblue_45 = "#A4E2FD";
94
+ const steelblue_60 = "#50BFF0";
95
+ const steelblue_65 = "#229FD7";
96
+ const steelblue_70 = "#128FC7";
97
+ const steelblue_75 = "#066D9B";
98
+ const steelblue_80 = "#06587D";
99
+ const steelblue_85 = "#033F59";
100
+ const steelblue_90 = "#032D40";
101
+ const steelblue_95 = "#02212F";
102
+ const steelblue_99 = "#021A25";
103
+ const oceanblue_15 = "#EAF5FE";
104
+ const oceanblue_25 = "#D5EBFE";
105
+ const oceanblue_50 = "#9CD1FC";
106
+ const oceanblue_60 = "#5CB0F3";
107
+ const oceanblue_65 = "#1F8AE1";
108
+ const oceanblue_70 = "#006AC1";
90
109
  const oceanblue_75 = "#025497";
91
- const oceanblue_70 = "#006ac1";
92
- const oceanblue_65 = "#1f8ae1";
93
- const oceanblue_60 = "#5cb0f3";
94
- const oceanblue_50 = "#9cd1fc";
95
- const oceanblue_25 = "#d5ebfe";
96
- const oceanblue_15 = "#eaf5fe";
97
- const brilliantblue_99 = "#001226";
98
- const brilliantblue_95 = "#001b39";
99
- const brilliantblue_90 = "#002b5e";
110
+ const oceanblue_80 = "#004177";
111
+ const oceanblue_85 = "#07284A";
112
+ const oceanblue_90 = "#051D36";
113
+ const oceanblue_95 = "#03172D";
114
+ const oceanblue_99 = "#011428";
115
+ const brilliantblue_10 = "#EFF6FF";
116
+ const brilliantblue_20 = "#E6F1FF";
117
+ const brilliantblue_25 = "#D9EAFF";
118
+ const brilliantblue_40 = "#BBDAFF";
119
+ const brilliantblue_50 = "#93C4FF";
120
+ const brilliantblue_60 = "#64ABFF";
121
+ const brilliantblue_70 = "#2D8DFF";
122
+ const brilliantblue_75 = "#0075FF";
123
+ const brilliantblue_80 = "#005CC9";
100
124
  const brilliantblue_85 = "#004290";
101
- const brilliantblue_80 = "#005cc9";
102
- const brilliantblue_75 = "#0075ff";
103
- const brilliantblue_70 = "#2d8dff";
104
- const brilliantblue_60 = "#64abff";
105
- const brilliantblue_50 = "#93c4ff";
106
- const brilliantblue_40 = "#bbdaff";
107
- const brilliantblue_25 = "#d9eaff";
108
- const brilliantblue_20 = "#e6f1ff";
109
- const brilliantblue_10 = "#eff6ff";
110
- const brilliantblue_05 = "#f5faff";
111
- const grey_95 = "#222222";
112
- const grey_90 = "#333333";
113
- const grey_85 = "#444444";
114
- const grey_80 = "#555555";
115
- const grey_70 = "#737373";
116
- const grey_65 = "#888888";
117
- const grey_60 = "#999999";
118
- const grey_55 = "#aaaaaa";
119
- const grey_50 = "#bbbbbb";
120
- const grey_45 = "#cccccc";
121
- const grey_35 = "#D8D8D8";
122
- const grey_30 = "#e1e1e1";
123
- const grey_25 = "#E5E5E5";
124
- const grey_20 = "#eeeeee";
125
- const grey_10 = "#f6f6f6";
126
- const grey_05 = "#f9f9f9";
127
- const white = "#ffffff";
128
- const black = "#000000";
125
+ const brilliantblue_90 = "#002B5E";
126
+ const brilliantblue_95 = "#001B39";
127
+ const brilliantblue_99 = "#001226";
128
+ const brilliantblue_05 = "#F5FAFF";
129
129
  var rawColors = {
130
130
  primary: primary,
131
131
  secondary: secondary,
@@ -134,125 +134,125 @@ var rawColors = {
134
134
  negative: negative,
135
135
  info: info,
136
136
  warning: warning,
137
- red_99: red_99,
138
- red_95: red_95,
139
- red_90: red_90,
140
- red_85: red_85,
141
- red_80: red_80,
142
- red_75: red_75,
143
- red_70: red_70,
144
- red_60: red_60,
145
- red_45: red_45,
146
- red_30: red_30,
147
- red_20: red_20,
148
- red_15: red_15,
149
137
  caution_bg: caution_bg,
150
138
  caution_icon: caution_icon,
151
- orange_99: orange_99,
152
- orange_95: orange_95,
153
- orange_90: orange_90,
154
- orange_85: orange_85,
155
- orange_75: orange_75,
156
- orange_65: orange_65,
157
- orange_60: orange_60,
158
- orange_55: orange_55,
159
- orange_45: orange_45,
160
- orange_35: orange_35,
161
- orange_20: orange_20,
162
- orange_10: orange_10,
163
139
  header_alert: header_alert,
164
- yellow_95: yellow_95,
165
- yellow_90: yellow_90,
166
- yellow_80: yellow_80,
167
- yellow_70: yellow_70,
168
- yellow_60: yellow_60,
169
- yellow_50: yellow_50,
170
- yellow_45: yellow_45,
171
- yellow_40: yellow_40,
172
- yellow_30: yellow_30,
173
- yellow_25: yellow_25,
174
- yellow_20: yellow_20,
140
+ black: black,
141
+ grey_10: grey_10,
142
+ grey_20: grey_20,
143
+ grey_25: grey_25,
144
+ grey_30: grey_30,
145
+ grey_35: grey_35,
146
+ grey_45: grey_45,
147
+ grey_50: grey_50,
148
+ grey_55: grey_55,
149
+ grey_60: grey_60,
150
+ grey_65: grey_65,
151
+ grey_70: grey_70,
152
+ grey_80: grey_80,
153
+ grey_85: grey_85,
154
+ grey_90: grey_90,
155
+ grey_95: grey_95,
156
+ grey_05: grey_05,
157
+ white: white,
158
+ red_15: red_15,
159
+ red_20: red_20,
160
+ red_30: red_30,
161
+ red_45: red_45,
162
+ red_60: red_60,
163
+ red_70: red_70,
164
+ red_75: red_75,
165
+ red_80: red_80,
166
+ red_85: red_85,
167
+ red_90: red_90,
168
+ red_95: red_95,
169
+ red_99: red_99,
170
+ orange_10: orange_10,
171
+ orange_20: orange_20,
172
+ orange_35: orange_35,
173
+ orange_45: orange_45,
174
+ orange_55: orange_55,
175
+ orange_60: orange_60,
176
+ orange_65: orange_65,
177
+ orange_75: orange_75,
178
+ orange_85: orange_85,
179
+ orange_90: orange_90,
180
+ orange_95: orange_95,
181
+ orange_99: orange_99,
175
182
  yellow_10: yellow_10,
176
- olive_95: olive_95,
177
- olive_90: olive_90,
178
- olive_80: olive_80,
179
- olive_70: olive_70,
180
- olive_65: olive_65,
181
- olive_55: olive_55,
182
- olive_45: olive_45,
183
- olive_30: olive_30,
184
- olive_20: olive_20,
185
- olive_15: olive_15,
183
+ yellow_20: yellow_20,
184
+ yellow_25: yellow_25,
185
+ yellow_30: yellow_30,
186
+ yellow_40: yellow_40,
187
+ yellow_45: yellow_45,
188
+ yellow_50: yellow_50,
189
+ yellow_60: yellow_60,
190
+ yellow_70: yellow_70,
191
+ yellow_80: yellow_80,
192
+ yellow_90: yellow_90,
193
+ yellow_95: yellow_95,
186
194
  olive_10: olive_10,
195
+ olive_15: olive_15,
196
+ olive_20: olive_20,
197
+ olive_30: olive_30,
198
+ olive_45: olive_45,
199
+ olive_55: olive_55,
200
+ olive_65: olive_65,
201
+ olive_70: olive_70,
202
+ olive_80: olive_80,
203
+ olive_90: olive_90,
204
+ olive_95: olive_95,
187
205
  olive_05: olive_05,
188
- green_99: green_99,
189
- green_95: green_95,
190
- green_90: green_90,
191
- green_85: green_85,
192
- green_80: green_80,
193
- green_75: green_75,
194
- green_70: green_70,
195
- green_65: green_65,
196
- green_55: green_55,
197
- green_45: green_45,
198
- green_25: green_25,
199
206
  green_15: green_15,
200
- steelblue_99: steelblue_99,
201
- steelblue_95: steelblue_95,
202
- steelblue_90: steelblue_90,
203
- steelblue_85: steelblue_85,
204
- steelblue_80: steelblue_80,
205
- steelblue_75: steelblue_75,
206
- steelblue_70: steelblue_70,
207
- steelblue_65: steelblue_65,
208
- steelblue_60: steelblue_60,
209
- steelblue_45: steelblue_45,
210
- steelblue_25: steelblue_25,
207
+ green_25: green_25,
208
+ green_45: green_45,
209
+ green_55: green_55,
210
+ green_65: green_65,
211
+ green_70: green_70,
212
+ green_75: green_75,
213
+ green_80: green_80,
214
+ green_85: green_85,
215
+ green_90: green_90,
216
+ green_95: green_95,
217
+ green_99: green_99,
211
218
  steelblue_10: steelblue_10,
212
- oceanblue_99: oceanblue_99,
213
- oceanblue_95: oceanblue_95,
214
- oceanblue_90: oceanblue_90,
215
- oceanblue_85: oceanblue_85,
216
- oceanblue_80: oceanblue_80,
217
- oceanblue_75: oceanblue_75,
218
- oceanblue_70: oceanblue_70,
219
- oceanblue_65: oceanblue_65,
220
- oceanblue_60: oceanblue_60,
221
- oceanblue_50: oceanblue_50,
222
- oceanblue_25: oceanblue_25,
219
+ steelblue_25: steelblue_25,
220
+ steelblue_45: steelblue_45,
221
+ steelblue_60: steelblue_60,
222
+ steelblue_65: steelblue_65,
223
+ steelblue_70: steelblue_70,
224
+ steelblue_75: steelblue_75,
225
+ steelblue_80: steelblue_80,
226
+ steelblue_85: steelblue_85,
227
+ steelblue_90: steelblue_90,
228
+ steelblue_95: steelblue_95,
229
+ steelblue_99: steelblue_99,
223
230
  oceanblue_15: oceanblue_15,
224
- brilliantblue_99: brilliantblue_99,
225
- brilliantblue_95: brilliantblue_95,
226
- brilliantblue_90: brilliantblue_90,
227
- brilliantblue_85: brilliantblue_85,
228
- brilliantblue_80: brilliantblue_80,
229
- brilliantblue_75: brilliantblue_75,
230
- brilliantblue_70: brilliantblue_70,
231
- brilliantblue_60: brilliantblue_60,
232
- brilliantblue_50: brilliantblue_50,
233
- brilliantblue_40: brilliantblue_40,
234
- brilliantblue_25: brilliantblue_25,
235
- brilliantblue_20: brilliantblue_20,
231
+ oceanblue_25: oceanblue_25,
232
+ oceanblue_50: oceanblue_50,
233
+ oceanblue_60: oceanblue_60,
234
+ oceanblue_65: oceanblue_65,
235
+ oceanblue_70: oceanblue_70,
236
+ oceanblue_75: oceanblue_75,
237
+ oceanblue_80: oceanblue_80,
238
+ oceanblue_85: oceanblue_85,
239
+ oceanblue_90: oceanblue_90,
240
+ oceanblue_95: oceanblue_95,
241
+ oceanblue_99: oceanblue_99,
236
242
  brilliantblue_10: brilliantblue_10,
237
- brilliantblue_05: brilliantblue_05,
238
- grey_95: grey_95,
239
- grey_90: grey_90,
240
- grey_85: grey_85,
241
- grey_80: grey_80,
242
- grey_70: grey_70,
243
- grey_65: grey_65,
244
- grey_60: grey_60,
245
- grey_55: grey_55,
246
- grey_50: grey_50,
247
- grey_45: grey_45,
248
- grey_35: grey_35,
249
- grey_30: grey_30,
250
- grey_25: grey_25,
251
- grey_20: grey_20,
252
- grey_10: grey_10,
253
- grey_05: grey_05,
254
- white: white,
255
- black: black
243
+ brilliantblue_20: brilliantblue_20,
244
+ brilliantblue_25: brilliantblue_25,
245
+ brilliantblue_40: brilliantblue_40,
246
+ brilliantblue_50: brilliantblue_50,
247
+ brilliantblue_60: brilliantblue_60,
248
+ brilliantblue_70: brilliantblue_70,
249
+ brilliantblue_75: brilliantblue_75,
250
+ brilliantblue_80: brilliantblue_80,
251
+ brilliantblue_85: brilliantblue_85,
252
+ brilliantblue_90: brilliantblue_90,
253
+ brilliantblue_95: brilliantblue_95,
254
+ brilliantblue_99: brilliantblue_99,
255
+ brilliantblue_05: brilliantblue_05
256
256
  };
257
257
 
258
258
  const colors = rawColors;
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index--TtofS7_.js');
4
- var resolveColor = require('./resolveColor-B7Ku3IGq.js');
3
+ var index = require('./index-D-PnW6jc.js');
4
+ var resolveColor = require('./resolveColor-4RlaGD62.js');
5
5
 
6
- const sdBadgeCss = () => `sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{background:var(--sd-badge-color, #0075ff)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}sd-badge .sd-badge--sm .sd-badge__dot{width:4px;height:4px;min-width:4px;min-height:4px;border-radius:2px}sd-badge .sd-badge--md .sd-badge__dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:4px}`;
6
+ const sdBadgeCss = () => `sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}sd-badge .sd-badge--sm .sd-badge__dot{width:4px;height:4px;min-width:4px;min-height:4px;border-radius:2px}sd-badge .sd-badge--md .sd-badge__dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:4px}`;
7
7
 
8
8
  const SdBadge = class {
9
9
  constructor(hostRef) {
@@ -14,7 +14,7 @@ const SdBadge = class {
14
14
  label = '';
15
15
  render() {
16
16
  const resolvedColor = resolveColor.resolveColor(this.color);
17
- return (index.h("div", { key: '30d12c1c50dd761e04f39c1e00d8bad166e63c99', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, index.h("div", { key: 'f6eb92732c9b0768d8663c0cdb08b02654de8697', class: "sd-badge__dot" }), index.h("div", { key: '4588f505fe8dc47b0ae51063db3728fcd3330d98', class: "sd-badge__label" }, this.label)));
17
+ return (index.h("div", { key: 'eeb4866526fa9e628da7182d6caca317015d6452', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, index.h("div", { key: 'b14add6e76ab27eba5883c641e0ffa840e170ba2', class: "sd-badge__dot" }), index.h("div", { key: 'a53d4d487a6c97f87189c555f0a95640186fdf93', class: "sd-badge__label" }, this.label)));
18
18
  }
19
19
  };
20
20
  SdBadge.style = sdBadgeCss();