@rossigee/clarity-ui 18.2.1-fixed

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 (219) hide show
  1. package/README.md +29 -0
  2. package/STYLES.md +1796 -0
  3. package/accordion/_accordion.clarity.scss +81 -0
  4. package/accordion/_properties.accordion.scss +45 -0
  5. package/accordion/_variables.accordion.scss +91 -0
  6. package/button/_buttons.clarity.scss +374 -0
  7. package/button/_mixins.buttons.scss +232 -0
  8. package/button/_properties.buttons.scss +325 -0
  9. package/button/_properties.toggles.scss +35 -0
  10. package/button/_variables.buttons.scss +843 -0
  11. package/button/_variables.toggles.scss +41 -0
  12. package/button/button-group/_button-group.clarity.scss +193 -0
  13. package/clr-ui.css +31728 -0
  14. package/clr-ui.css.map +1 -0
  15. package/clr-ui.min.css +52 -0
  16. package/clr-ui.min.css.map +1 -0
  17. package/collapsible-panel/_mixins.collapsible-panel.scss +189 -0
  18. package/collapsible-panel/_properties.collapsible-panel.scss +42 -0
  19. package/collapsible-panel/_variables.collapsible-panel.scss +40 -0
  20. package/data/_mixins.tables.scss +111 -0
  21. package/data/_properties.tables.scss +62 -0
  22. package/data/_tables.clarity.scss +120 -0
  23. package/data/_variables.tables.scss +42 -0
  24. package/data/datagrid/_datagrid.clarity.scss +1753 -0
  25. package/data/datagrid/_mixins.datagrid.scss +102 -0
  26. package/data/datagrid/_properties.datagrid.scss +90 -0
  27. package/data/datagrid/_variables.datagrid.scss +96 -0
  28. package/data/stack-view/_properties.stack-view.scss +50 -0
  29. package/data/stack-view/_stack-view.clarity.scss +267 -0
  30. package/data/stack-view/_variables.stack-view.scss +32 -0
  31. package/data/tree-view/_properties.tree-view.scss +41 -0
  32. package/data/tree-view/_tree-view.clarity.scss +281 -0
  33. package/data/tree-view/_variables.tree-view.scss +51 -0
  34. package/emphasis/alert/_alert.clarity.scss +467 -0
  35. package/emphasis/alert/_mixins.alert.scss +96 -0
  36. package/emphasis/alert/_properties.alert.scss +183 -0
  37. package/emphasis/alert/_variables.alert.scss +502 -0
  38. package/emphasis/badge/_badges.clarity.scss +61 -0
  39. package/emphasis/badge/_mixins.bades.scss +34 -0
  40. package/emphasis/badge/_properties.badges.scss +82 -0
  41. package/emphasis/badge/_variables.badges.scss +160 -0
  42. package/emphasis/label/_labels.clarity.scss +175 -0
  43. package/emphasis/label/_mixins.label.scss +76 -0
  44. package/emphasis/label/_properties.label.scss +105 -0
  45. package/emphasis/label/_variables.label.scss +181 -0
  46. package/forms/combobox/_combobox.clarity.scss +322 -0
  47. package/forms/combobox/_properties.combobox.scss +45 -0
  48. package/forms/combobox/_variables.combobox.scss +32 -0
  49. package/forms/datepicker/_datepicker.clarity.scss +259 -0
  50. package/forms/datepicker/_mixins.datepicker.scss +90 -0
  51. package/forms/datepicker/_properties.datepicker.scss +46 -0
  52. package/forms/datepicker/_variables.datepicker.scss +74 -0
  53. package/forms/styles/_checkbox.clarity.scss +193 -0
  54. package/forms/styles/_containers.clarity.scss +228 -0
  55. package/forms/styles/_datalist.clarity.scss +47 -0
  56. package/forms/styles/_file-input.clarity.scss +134 -0
  57. package/forms/styles/_file.clarity.scss +52 -0
  58. package/forms/styles/_form.clarity.scss +87 -0
  59. package/forms/styles/_input-group.clarity.scss +118 -0
  60. package/forms/styles/_input.clarity.scss +78 -0
  61. package/forms/styles/_mixins.forms.scss +173 -0
  62. package/forms/styles/_number-input.clarity.scss +58 -0
  63. package/forms/styles/_password.clarity.scss +26 -0
  64. package/forms/styles/_properties.forms.scss +121 -0
  65. package/forms/styles/_radio.clarity.scss +120 -0
  66. package/forms/styles/_range.clarity.scss +124 -0
  67. package/forms/styles/_select.clarity.scss +178 -0
  68. package/forms/styles/_textarea.clarity.scss +77 -0
  69. package/forms/styles/_toggles.clarity.scss +209 -0
  70. package/forms/styles/_variables.forms.scss +128 -0
  71. package/icon/icon.component.scss +242 -0
  72. package/image/_icons.clarity.scss +101 -0
  73. package/image/_images.clarity.scss +42 -0
  74. package/image/_mixins.images.scss +11 -0
  75. package/layout/_card.clarity.scss +311 -0
  76. package/layout/_login.clarity.scss +240 -0
  77. package/layout/_properties.card.scss +36 -0
  78. package/layout/_properties.login.scss +32 -0
  79. package/layout/_variables.card.scss +23 -0
  80. package/layout/_variables.login.scss +22 -0
  81. package/layout/breadcrumbs/_breadcrumbs.clarity.scss +60 -0
  82. package/layout/breadcrumbs/_properties.breadcrumbs.scss +18 -0
  83. package/layout/breadcrumbs/_variables.breadcrumbs.scss +11 -0
  84. package/layout/grid/_grid.scss +23 -0
  85. package/layout/grid/grid/_grid.scss +39 -0
  86. package/layout/grid/mixins/_breakpoint.scss +83 -0
  87. package/layout/grid/mixins/_clearfix.scss +13 -0
  88. package/layout/grid/mixins/_grid-framework.scss +91 -0
  89. package/layout/grid/mixins/_grid.scss +39 -0
  90. package/layout/grid/utilities/_align.scss +30 -0
  91. package/layout/grid/utilities/_clearfix.scss +12 -0
  92. package/layout/grid/utilities/_display.scss +18 -0
  93. package/layout/grid/utilities/_flex.scss +222 -0
  94. package/layout/grid/utilities/_float.scss +26 -0
  95. package/layout/grid/utilities/_visibility.scss +60 -0
  96. package/layout/main-container/_layout.clarity.scss +87 -0
  97. package/layout/main-container/_properties.header.scss +39 -0
  98. package/layout/main-container/_variables.header.scss +32 -0
  99. package/layout/nav/_header.clarity.scss +40 -0
  100. package/layout/nav/_links.clarity.scss +84 -0
  101. package/layout/nav/_mixins.header.scss +332 -0
  102. package/layout/nav/_mixins.responsive-nav.scss +75 -0
  103. package/layout/nav/_nav.clarity.scss +100 -0
  104. package/layout/nav/_properties.nav.scss +27 -0
  105. package/layout/nav/_properties.responsive-nav.scss +23 -0
  106. package/layout/nav/_properties.subnav.scss +19 -0
  107. package/layout/nav/_responsive-nav.clarity.scss +488 -0
  108. package/layout/nav/_subnav.clarity.scss +48 -0
  109. package/layout/nav/_variables.nav.scss +13 -0
  110. package/layout/nav/_variables.responsive-nav.scss +28 -0
  111. package/layout/nav/_variables.subnav.scss +21 -0
  112. package/layout/tabs/_mixins.tabs.scss +41 -0
  113. package/layout/tabs/_properties.tabs.scss +25 -0
  114. package/layout/tabs/_tabs.clarity.scss +110 -0
  115. package/layout/tabs/_variables.tabs.scss +17 -0
  116. package/layout/vertical-nav/_mixins.vertical-nav.scss +52 -0
  117. package/layout/vertical-nav/_properties.vertical-nav.scss +73 -0
  118. package/layout/vertical-nav/_variables.vertical-nav.scss +52 -0
  119. package/layout/vertical-nav/_vertical-nav.clarity.scss +469 -0
  120. package/main.scss +14 -0
  121. package/modal/_modal.clarity.scss +362 -0
  122. package/modal/_properties.modal.scss +45 -0
  123. package/modal/_variables.modal.scss +38 -0
  124. package/package.json +15 -0
  125. package/popover/common/_popover.clarity.scss +28 -0
  126. package/popover/dropdown/_dropdown.clarity.scss +326 -0
  127. package/popover/dropdown/_menu-mixins.clarity.scss +132 -0
  128. package/popover/dropdown/_properties.dropdown.scss +50 -0
  129. package/popover/dropdown/_variables.dropdown.scss +36 -0
  130. package/popover/signpost/_properties.signpost.scss +34 -0
  131. package/popover/signpost/_signposts.clarity.scss +414 -0
  132. package/popover/signpost/_variables.signpost.scss +21 -0
  133. package/popover/tooltip/_mixins.tooltip.scss +186 -0
  134. package/popover/tooltip/_properties.tooltip.scss +28 -0
  135. package/popover/tooltip/_tooltips.clarity.scss +122 -0
  136. package/popover/tooltip/_variables.tooltip.scss +20 -0
  137. package/progress/progress-bars/_progress-bars.clarity.scss +616 -0
  138. package/progress/progress-bars/_properties.progress-bars.scss +24 -0
  139. package/progress/progress-bars/_variables.progress-bars.scss +15 -0
  140. package/progress/progress-bars/utils/_mixins.clarity.scss +18 -0
  141. package/progress/spinner/_mixins.spinner.scss +30 -0
  142. package/progress/spinner/_properties.spinner.scss +37 -0
  143. package/progress/spinner/_spinner.clarity.scss +148 -0
  144. package/progress/spinner/_variables.spinner.scss +25 -0
  145. package/stepper/_properties.stepper.scss +29 -0
  146. package/stepper/_stepper.clarity.scss +184 -0
  147. package/stepper/_variables.stepper.scss +13 -0
  148. package/styles/_a11y.scss +14 -0
  149. package/styles/_close.clarity.scss +60 -0
  150. package/styles/_components.clarity.scss +183 -0
  151. package/styles/_mixins.scss +478 -0
  152. package/styles/_normalize.scss +292 -0
  153. package/styles/_reboot.clarity.scss +374 -0
  154. package/styles/_variables.clarity.scss +139 -0
  155. package/styles/core/base/base.element.scss +97 -0
  156. package/styles/core/global.scss +12 -0
  157. package/styles/core/layout/_alignments.scss +18 -0
  158. package/styles/core/layout/_container.scss +29 -0
  159. package/styles/core/layout/_display.scss +58 -0
  160. package/styles/core/layout/_optimize.scss +60 -0
  161. package/styles/core/layout/_shadow-dom.scss +47 -0
  162. package/styles/core/layout/_spacing.scss +31 -0
  163. package/styles/core/layout/_type-grid.scss +66 -0
  164. package/styles/core/layout/_type-horizontal.scss +33 -0
  165. package/styles/core/layout/_type-vertical.scss +26 -0
  166. package/styles/core/layout/mixins/_mixins.alignment.scss +35 -0
  167. package/styles/core/layout/mixins/_mixins.display.scss +23 -0
  168. package/styles/core/layout/mixins/_mixins.grid.scss +105 -0
  169. package/styles/core/layout/mixins/_mixins.scss +106 -0
  170. package/styles/core/layout/mixins/_mixins.shadow-dom.scss +106 -0
  171. package/styles/core/layout/mixins/_mixins.type-horizontal.scss +113 -0
  172. package/styles/core/layout/mixins/_mixins.type-vertical.scss +108 -0
  173. package/styles/core/module.layout.scss +22 -0
  174. package/styles/core/module.reset.scss +48 -0
  175. package/styles/core/module.typography.scss +9 -0
  176. package/styles/core/theme.dark.scss +266 -0
  177. package/styles/core/theme.high-contrast.scss +42 -0
  178. package/styles/core/theme.low-motion.scss +20 -0
  179. package/styles/core/tokens/_alias-interaction.scss +59 -0
  180. package/styles/core/tokens/_alias-object-background.scss +14 -0
  181. package/styles/core/tokens/_alias-object-border.scss +21 -0
  182. package/styles/core/tokens/_alias-object-container.scss +20 -0
  183. package/styles/core/tokens/_alias-object-opacity.scss +15 -0
  184. package/styles/core/tokens/_alias-object-shadow.scss +17 -0
  185. package/styles/core/tokens/_alias-status.scss +34 -0
  186. package/styles/core/tokens/_alias-typography.scss +101 -0
  187. package/styles/core/tokens/_alias-utility.scss +38 -0
  188. package/styles/core/tokens/_alias-viz-colors.scss +170 -0
  189. package/styles/core/tokens/_global-animation.scss +32 -0
  190. package/styles/core/tokens/_global-colors.scss +249 -0
  191. package/styles/core/tokens/_global-space.scss +52 -0
  192. package/styles/core/tokens/_internal-scale.scss +14 -0
  193. package/styles/core/tokens/_properties.tokens.scss +21 -0
  194. package/styles/core/tokens/_variables.tokens.scss +770 -0
  195. package/styles/core/typography/_legacy-typography.scss +328 -0
  196. package/styles/core/typography/_mixins.typography.scss +18 -0
  197. package/styles/core/typography/_typography.scss +321 -0
  198. package/styles/variables/_properties.density.scss +223 -0
  199. package/styles/variables/_properties.global.scss +51 -0
  200. package/styles/variables/_properties.layout.scss +21 -0
  201. package/styles/variables/_properties.scss +11 -0
  202. package/styles/variables/_properties.typography.scss +164 -0
  203. package/styles/variables/_variables.density.scss +114 -0
  204. package/styles/variables/_variables.global.scss +82 -0
  205. package/styles/variables/_variables.layout.scss +37 -0
  206. package/styles/variables/_variables.scss +11 -0
  207. package/styles/variables/_variables.typography.scss +156 -0
  208. package/timeline/_properties.timeline.scss +38 -0
  209. package/timeline/_timeline.clarity.scss +172 -0
  210. package/timeline/_variables.timeline.scss +29 -0
  211. package/typography/_code.scss +36 -0
  212. package/typography/_font-metropolis.scss +45 -0
  213. package/typography/_lists.scss +81 -0
  214. package/typography/_typography.scss +322 -0
  215. package/utils/animations/_animations.clarity.scss +44 -0
  216. package/utils/animations/_mixins.animations.scss +33 -0
  217. package/wizard/_properties.wizard.scss +53 -0
  218. package/wizard/_variables.wizard.scss +58 -0
  219. package/wizard/_wizard.clarity.scss +688 -0
package/layout/_variables.login.scss ADDED
@@ -0,0 +1,22 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../styles/variables/variables';
9
+ @use '../emphasis/alert/variables.alert' as alert-variables;
10
+
11
+ $clr-login-title-color: var(--clr-login-title-color) !default;
12
+ $clr-login-hint-color: var(--clr-login-hint-color) !default;
13
+ $clr-login-footer-gap: var(--clr-login-footer-gap) !default;
14
+ $clr-login-copyright-color: var(--clr-login-copyright-color) !default;
15
+ $clr-login-background-color: var(--clr-login-background-color) !default;
16
+ $clr-login-welcome-color: var(--clr-login-welcome-color) !default;
17
+ $clr-login-error-background-color: var(--clr-login-error-background-color) !default;
18
+ $clr-login-error-icon-color: var(--clr-login-error-icon-color) !default;
19
+ $clr-login-icon-size: alert-variables.$clr-icon-dimension-sm !default;
20
+ $clr-login-logo-color: var(--clr-login-logo-color) !default;
21
+ $clr-login-background: '%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%0D%0A%20%20%20%20%20version%3D%221.1%22%0D%0A%20%20%20%20%20id%3D%22no-aspect-ratio%22%0D%0A%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0D%0A%20%20%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0D%0A%20%20%20%20%20x%3D%220px%22%0D%0A%20%20%20%20%20y%3D%220px%22%0D%0A%20%20%20%20%20height%3D%222055.55px%22%0D%0A%20%20%20%20%20width%3D%221440px%22%0D%0A%20%20%20%20%20viewBox%3D%220%200%202055.55%201440%22%0D%0A%20%20%20%20%20preserveAspectRatio%3D%22xMinYMin%20slice%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%3Cdesc%3ELogin%20Image%3C%2Fdesc%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280.000000%2C%20-4.000000%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23FAFAFA%22%20x%3D%220%22%20y%3D%224%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221108.43%201443.63%201109.08%201443.63%20443.44%20777.74%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%220.79%20334.92%20443.44%20777.74%200.79%20334.49%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%220.79%20211.88%200.79%20329.6%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22160.65%20169.74%200.79%209.73%200.79%20211.88%2090.27%20301.46%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22503.77%201443.63%20697.47%201443.63%20803.74%201337.36%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22158.33%20691.15%200.79%20848.72%200.79%201427.43%20447.52%20980.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CEDDE0%22%20points%3D%22257.71%20591.75%200.79%20334.49%200.79%20533.42%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A9C9D5%22%20points%3D%220.79%20533.42%200.79%20848.72%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22806.46%201140.89%20546.94%20881.28%20447.52%20980.7%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238FC4DF%22%20points%3D%22447.52%20980.7%200.79%201427.43%200.79%201443.63%20503.77%201443.63%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%22608.23%20819.99%20546.94%20881.28%20806.46%201140.89%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22420.05%20429.39%20319.01%20530.45%20608.23%20819.99%20709.3%20718.91%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22709.3%20718.91%20608.23%20819.99%20867.64%201079.7%20968.74%20978.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22619.59%20229.82%20393.42%203.12%20327.27%203.12%20160.65%20169.74%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22319.01%20530.45%20319.01%20530.45%2090.27%20301.46%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22160.65%20169.74%2059.62%20270.77%2090.27%20301.46%20319.01%20530.45%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2384C4D2%22%20points%3D%2259.62%20270.77%200.79%20329.6%200.79%20334.49%20257.71%20591.75%20319.01%20530.45%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22537.55%203.12%20393.42%203.12%20619.59%20229.82%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2387D1DB%22%20points%3D%22846.25%203.12%20537.55%203.12%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22909.87%201443.63%20850.19%201383.87%20790.43%201443.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22319.01%20530.45%20257.71%20591.75%20443.44%20777.74%20546.94%20881.28%20608.23%20819.99%20867.64%201079.7%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22867.64%201079.7%20806.46%201140.89%20903.31%201237.78%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221065.57%201075.52%20968.74%20978.6%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22964.46%201176.63%20867.64%201079.7%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201231.16%201443.63%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221240.08%20707.22%201167.9%20779.4%201264.68%20876.4%201336.87%20804.22%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22980.83%20447.39%20691.74%20157.66%20619.59%20229.82%20908.66%20519.56%20980.83%20447.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22709.3%20718.91%20968.74%20978.6%201167.91%20779.4%20908.66%20519.55%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22980.83%20447.39%20908.66%20519.55%201167.91%20779.4%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221034.59%203.12%20846.25%203.12%20691.74%20157.66%20980.83%20447.39%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221240.08%20707.21%201336.87%20804.22%201586.01%20555.08%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%221229.75%20198.47%20980.83%20447.39%201240.08%20707.21%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221292.22%201302.38%201433.32%201443.63%201830.61%201443.63%201491.18%201103.42%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221010.92%201223.13%20949.78%201284.27%201109.08%201443.63%201150.98%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2375B8C5%22%20points%3D%221150.98%201443.63%201231.16%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221292.22%201302.38%201112.03%201122.02%201010.92%201223.13%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221191.09%201403.51%201231.16%201443.63%201433.32%201443.63%201292.22%201302.38%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221383.3%20850.75%201311.12%20922.94%201491.18%201103.42%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221812.65%20781.95%201632.46%20601.59%201383.3%20850.75%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2378CAD4%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%22803.74%201337.36%20850.19%201383.87%20949.78%201284.27%20903.31%201237.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221065.57%201075.52%201112.03%201122.02%201311.12%20922.94%201264.69%20876.4%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2377B8D9%22%20points%3D%22697.47%201443.63%20790.43%201443.63%20850.19%201383.87%20803.74%201337.36%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2396C7DF%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2357A8D0%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23000000%22%20opacity%3D%220.42%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2357A8D0%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD3E6%22%20points%3D%222056%200.12%201645.49%200.12%201648.49%203.12%201944.07%203.12%201796.22%20150.99%201893.12%20247.97%202054.45%2086.64%202054.45%20179.6%201939.58%20294.47%202056%20411%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237AB9D9%22%20points%3D%221648.49%203.12%201796.22%20150.99%201944.07%203.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2366AED4%22%20points%3D%222054.45%2086.64%201893.12%20247.97%201939.58%20294.47%202054.45%20179.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221884.82%20709.78%202054.45%20879.57%202054.45%20540.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221489.14%20458.12%201489.14%20458.12%201371.13%20339.99%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221796.22%20150.99%201648.49%203.12%201425.1%203.12%201301.91%20126.31%201561.3%20385.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2391C5E0%22%20transform%3D%22translate%281798.954066%2C%20388.798781%29%20rotate%28-44.970000%29%20translate%28-1798.954066%2C%20-388.798781%29%20%22%20x%3D%221632.82407%22%20y%3D%22355.933781%22%20width%3D%22332.26%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221586.01%20555.08%201632.46%20601.59%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281573.711577%2C%20470.620263%29%20rotate%28-45.000000%29%20translate%28-1573.711577%2C%20-470.620263%29%20%22%20x%3D%221522.68158%22%20y%3D%22402.085263%22%20width%3D%22102.06%22%20height%3D%22137.07%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281758.676758%2C%20655.767120%29%20rotate%28-44.970000%29%20translate%28-1758.676758%2C%20-655.767120%29%20%22%20x%3D%221707.64676%22%20y%3D%22528.29212%22%20width%3D%22102.06%22%20height%3D%22254.95%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B3EAEE%22%20points%3D%221301.91%20126.31%201178.84%203.12%201034.59%203.12%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2383C0C8%22%20points%3D%221812.65%20781.95%202054.45%201023.99%202054.45%20879.57%201884.82%20709.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%237DC6DC%22%20transform%3D%22translate%281395.516901%2C%20292.206519%29%20rotate%28-45.000000%29%20translate%28-1395.516901%2C%20-292.206519%29%20%22%20x%3D%221344.4919%22%20y%3D%22108.701519%22%20width%3D%22102.05%22%20height%3D%22367.01%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2368B8D5%22%20transform%3D%22translate%281645.313619%2C%20542.249760%29%20rotate%28-45.000000%29%20translate%28-1645.313619%2C%20-542.249760%29%20%22%20x%3D%221594.28362%22%20y%3D%22509.38476%22%20width%3D%22102.06%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280.000000%2C%203.000000%29%22%20stroke%3D%22%23000000%22%20opacity%3D%220.15%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.95%2C0.12%20L0.95%2C840.12%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E' !default;
22
+ $clr-login-logo: '%3Csvg%20width%3D%22105%22%20height%3D%2216%22%20viewBox%3D%220%200%20105%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M44.9371%2014.8L40.3598%202.00082C40.2932%201.80094%2040.2266%201.60106%2040.2266%201.40117C40.2266%200.868153%2040.693%200.341797%2041.3526%200.341797C41.9522%200.341797%2042.3453%200.741563%2042.4786%201.26792L46.2564%2012.2748L50.1008%201.26792C50.3007%200.7349%2050.6338%200.341797%2051.2268%200.341797H51.36C51.9597%200.341797%2052.3528%200.741563%2052.5527%201.26792L56.3305%2012.2748L60.1749%201.20129C60.3082%200.734901%2060.6413%200.341797%2061.2343%200.341797C61.9006%200.341797%2062.3603%200.808188%2062.3603%201.40117C62.3603%201.60106%2062.2936%201.86757%2062.227%202.00082L57.5831%2014.8C57.3166%2015.4663%2056.8502%2015.7928%2056.3238%2015.7928H56.2572C55.6575%2015.7928%2055.2644%2015.4596%2054.9979%2014.8L51.2868%203.92636L47.509%2014.8C47.3091%2015.4663%2046.8494%2015.7928%2046.3163%2015.7928H46.2497C45.6501%2015.7928%2045.1903%2015.4596%2044.9238%2014.8H44.9371Z%22%20fill%3D%22%23717175%22%2F%3E%0A%3Cpath%20d%3D%22M78.3525%201.4678C78.3525%200.868152%2078.8189%200.341797%2079.4785%200.341797C80.1382%200.341797%2080.6045%200.808187%2080.6045%201.4678V4.05296C81.7306%201.53443%2084.1825%200.341797%2085.8415%200.341797C86.5011%200.341797%2086.9675%200.808187%2086.9675%201.4678C86.9675%202.06745%2086.5677%202.52718%2085.9747%202.59381C83.0564%202.92695%2080.6712%205.11234%2080.6712%209.48978V14.5935C80.6712%2015.1931%2080.2048%2015.7195%2079.5452%2015.7195C78.8856%2015.7195%2078.4192%2015.1864%2078.4192%2014.5935V1.46114%22%20fill%3D%22%23717175%22%2F%3E%0A%3Cpath%20d%3D%22M94.1294%2015.9272C90.0851%2015.9272%2086.707%2012.7424%2086.707%208.1717V8.10508C86.707%203.79427%2089.6919%200.349609%2093.8029%200.349609C98.1803%200.349609%20100.699%203.99415%20100.699%207.91186C100.699%208.51151%20100.232%208.97123%2099.6395%208.97123H88.8991C89.2322%2012.2227%2091.4842%2014.0083%2094.136%2014.0083C95.9949%2014.0083%2097.3208%2013.282%2098.3802%2012.2826C98.5801%2012.1494%2098.78%2012.0161%2099.0398%2012.0161C99.5728%2012.0161%20100.033%2012.4825%20100.033%2012.9422C100.033%2013.2088%2099.8993%2013.4753%2099.6994%2013.6685C98.3069%2014.9944%2096.6479%2015.9205%2094.1294%2015.9205V15.9272ZM98.5068%207.23891C98.3069%204.52051%2096.7145%202.13523%2093.8029%202.13523C91.2177%202.13523%2089.2922%204.32062%2088.9657%207.23891H98.5135H98.5068Z%22%20fill%3D%22%23717175%22%2F%3E%0A%3Cpath%20d%3D%22M62.375%2011.2158C62.375%207.9644%2065.0268%206.30537%2068.8046%206.30537C70.7301%206.30537%2072.1226%206.57188%2073.4419%206.97165V6.43863C73.4419%203.72022%2071.7828%202.3277%2068.9312%202.3277C67.4054%202.3277%2066.5459%202.52758%2065.4199%202.99397C65.2866%203.0606%2065.1534%203.0606%2065.0201%203.0606C64.4871%203.0606%2064.0274%202.59421%2064.0274%202.06785C64.0274%201.60146%2064.2273%201.34161%2064.627%201.14172C66.0862%200.475447%2067.2122%200.282227%2069.1377%200.282227C71.2565%200.282227%2072.9155%200.815252%2073.9749%201.94126C74.9676%202.93401%2075.5007%204.39316%2075.5007%206.3187V14.6072C75.5007%2015.2735%2075.0343%2015.7332%2074.4413%2015.7332C73.775%2015.7332%2073.3819%2015.2668%2073.3819%2014.6738V13.2147C72.3225%2014.6072%2070.5969%2015.7998%2067.9451%2015.7998C65.2267%2015.9331%2062.375%2014.3407%2062.375%2011.2225V11.2158ZM73.5152%2010.0898V8.63068C72.3891%208.29754%2070.93%207.9644%2069.0711%207.9644C66.2194%207.9644%2064.6937%209.22366%2064.6937%2011.0826V11.1492C64.6937%2013.0747%2066.4193%2014.1341%2068.4714%2014.1341C71.2565%2014.1341%2073.5085%2012.4751%2073.5085%2010.0898H73.5152Z%22%20fill%3D%22%23717175%22%2F%3E%0A%3Cpath%20d%3D%22M4.10222%201.26862C3.63583%200.209237%202.37656%20-0.323787%201.25055%200.209235C0.124545%200.742256%20-0.275218%202.00152%200.191176%203.0609L4.96172%2013.4748C5.68796%2015.1338%206.48749%2015.9267%208.01327%2015.9267C9.53904%2015.9267%2010.2653%2015.0006%2011.0648%2013.4748C11.0648%2013.4748%2015.2424%204.38679%2015.309%204.32683C15.3756%204.2602%2015.5089%203.92706%2015.9086%203.92706C16.2418%203.92706%2016.5683%204.19357%2016.5683%204.59334V13.4815C16.5683%2014.874%2017.2945%2016%2018.8203%2016C20.3461%2016%2021.0723%2014.874%2021.0723%2013.4815V6.18574C21.0723%204.79322%2022.065%203.8671%2023.4576%203.8671C24.8501%203.8671%2025.7096%204.79322%2025.7096%206.18574V13.4815C25.7096%2014.874%2026.4425%2016%2027.9616%2016C29.4807%2016%2030.2136%2014.874%2030.2136%2013.4815V6.18574C30.2136%204.79322%2031.2064%203.8671%2032.5989%203.8671C33.9914%203.8671%2034.8509%204.79322%2034.8509%206.18574V13.4815C34.8509%2014.874%2035.5771%2016%2037.1029%2016C38.6287%2016%2039.3549%2014.874%2039.3549%2013.4815V5.19299C39.3549%202.14144%2036.903%200.0226781%2033.9847%200.0226781C31.0664%200.0226781%2029.2142%202.08148%2029.2142%202.08148C28.0882%200.822213%2026.7623%200.0226781%2024.5103%200.0226781C22.125%200.0226781%2019.9996%202.08148%2019.9996%202.08148C19.0068%200.822213%2017.3478%200.0226781%2015.9553%200.0226781C13.8365%200.0226781%2012.1109%200.948805%2011.1181%203.34074L8.06657%2010.5698L4.08889%201.28861L4.10222%201.26862Z%22%20fill%3D%22%23717175%22%2F%3E%0A%3Cpath%20d%3D%22M100.892%202.20071C100.892%201.14133%20101.684%200.341797%20102.751%200.341797C103.817%200.341797%20104.609%201.20129%20104.609%202.20071C104.609%203.20013%20103.817%204.05962%20102.751%204.05962C101.758%204.05962%20100.892%203.20013%20100.892%202.20071ZM104.27%202.20071C104.27%201.34121%20103.61%200.674935%20102.744%200.674935C101.878%200.674935%20101.218%201.40118%20101.218%202.20071C101.218%203.06021%20101.878%203.72648%20102.744%203.72648C103.61%203.72648%20104.27%203.00024%20104.27%202.20071Z%22%20fill%3D%22%23717175%22%2F%3E%0A%3Cpath%20d%3D%22M102.085%201.40203C102.085%201.26877%20102.152%201.20215%20102.285%201.20215H102.885C103.151%201.20215%20103.284%201.26877%20103.418%201.40203C103.551%201.53528%20103.551%201.66854%20103.551%201.80179C103.551%202.0683%20103.418%202.26819%20103.218%202.33482L103.484%202.66796C103.529%202.71237%20103.551%202.75679%20103.551%202.80121C103.551%202.93446%20103.484%203.00109%20103.351%203.00109C103.284%203.00109%20103.218%202.93447%20103.151%202.86784L102.751%202.40144H102.418V2.80121C102.418%202.93446%20102.352%203.00109%20102.218%203.00109C102.085%203.00109%20102.019%202.93446%20102.019%202.80121V1.40869H102.085V1.40203ZM102.878%202.12827C103.078%202.12827%20103.211%201.99502%20103.211%201.86176C103.211%201.66188%20103.078%201.59525%20102.878%201.59525H102.478V2.12827H102.878Z%22%20fill%3D%22%23717175%22%2F%3E%0A%3C%2Fsvg%3E%0A' !default;
package/layout/breadcrumbs/_breadcrumbs.clarity.scss ADDED
@@ -0,0 +1,60 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use 'sass:meta';
9
+ @use '../../styles/mixins';
10
+ @use 'variables.breadcrumbs' as breadcrumb-variables;
11
+ @use '../nav/variables.nav' as nav-variables;
12
+ @use '../../styles/variables/variables.density' as density;
13
+
14
+ @include meta.load-css('properties.breadcrumbs');
15
+ @include mixins.exports('breadcrumbs.clarity') {
16
+ .clr-breadcrumb-menu {
17
+ display: flex;
18
+ flex-wrap: wrap;
19
+ align-items: center;
20
+
21
+ .clr-breadcrumb-item {
22
+ display: flex;
23
+ align-items: center;
24
+ height: density.$clr-base-row-height-s;
25
+ color: breadcrumb-variables.$clr-breadcrumb-active-color;
26
+
27
+ @include mixins.generate-typography-token('SECONDARY-13-RG-CPT');
28
+
29
+ a {
30
+ text-decoration: none;
31
+ text-align: center;
32
+
33
+ &:visited {
34
+ color: nav-variables.$clr-link-color;
35
+
36
+ &:hover {
37
+ color: nav-variables.$clr-link-hover-color;
38
+ }
39
+
40
+ &:active {
41
+ color: nav-variables.$clr-link-active-color;
42
+ }
43
+ }
44
+ }
45
+
46
+ &:not(:last-child)::after {
47
+ content: '/';
48
+ margin: 0 breadcrumb-variables.$clr-breadcrumb-item-space;
49
+ }
50
+ }
51
+
52
+ .clr-breadcrumb-expand {
53
+ @include mixins.min-equilateral(density.$clr-base-icon-size-l);
54
+
55
+ margin: 0;
56
+ padding: 0;
57
+ gap: 0;
58
+ }
59
+ }
60
+ }
package/layout/breadcrumbs/_properties.breadcrumbs.scss ADDED
@@ -0,0 +1,18 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../styles/mixins';
9
+ @use '../../styles/variables/variables.density' as density;
10
+
11
+ @include mixins.exports('breadcrumbs.properties') {
12
+ @include mixins.root-or-host() {
13
+ &,
14
+ [clr-density] {
15
+ --clr-breadcrumb-item-space: #{density.$clr-base-gap-s};
16
+ }
17
+ }
18
+ }
package/layout/breadcrumbs/_variables.breadcrumbs.scss ADDED
@@ -0,0 +1,11 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../styles/variables/variables';
9
+
10
+ $clr-breadcrumb-active-color: var(--cds-alias-typography-color-400);
11
+ $clr-breadcrumb-item-space: var(--clr-breadcrumb-item-space);
package/layout/grid/_grid.scss ADDED
@@ -0,0 +1,23 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @forward 'mixins/breakpoint';
9
+ @forward 'mixins/grid';
10
+ @forward 'mixins/grid-framework';
11
+ @forward 'utilities/align';
12
+ @forward 'utilities/clearfix';
13
+ @forward 'utilities/display';
14
+ @forward 'utilities/flex';
15
+ @forward 'utilities/float';
16
+ @forward 'utilities/visibility';
17
+ @forward 'grid/grid';
18
+
19
+ *,
20
+ *::before,
21
+ *::after {
22
+ box-sizing: border-box;
23
+ }
package/layout/grid/grid/_grid.scss ADDED
@@ -0,0 +1,39 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../../../styles/mixins';
9
+ @use '../mixins/grid';
10
+ @use '../mixins/grid-framework';
11
+
12
+ @include mixins.exports('grid.clarity') {
13
+ .clr-container {
14
+ @include grid.clr-make-container();
15
+ }
16
+
17
+ .clr-row {
18
+ @include grid.clr-make-row();
19
+ }
20
+
21
+ // Remove the negative margin from default .row, then the horizontal padding
22
+ // from all immediate children columns (to prevent runaway style inheritance).
23
+ .clr-no-gutters {
24
+ margin-right: 0;
25
+ margin-left: 0;
26
+
27
+ > .clr-col,
28
+ > [class*='clr-col-'] {
29
+ padding-right: 0;
30
+ padding-left: 0;
31
+ }
32
+ }
33
+
34
+ @include grid-framework.clr-make-grid-columns();
35
+
36
+ .clr-break-row {
37
+ width: 100%;
38
+ }
39
+ }
package/layout/grid/mixins/_breakpoint.scss ADDED
@@ -0,0 +1,83 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use 'sass:list';
9
+ @use 'sass:map';
10
+ @use '../../../styles/variables/variables.layout';
11
+
12
+ @function clr-breakpoint-next(
13
+ $name,
14
+ $breakpoints: variables.$clr-grid-breakpoints,
15
+ $breakpoint-names: map.keys($breakpoints)
16
+ ) {
17
+ $n: list.index($breakpoint-names, $name);
18
+
19
+ @if not $n {
20
+ @error 'breakpoint `#{$name}` not found in `#{$breakpoints}`';
21
+ }
22
+
23
+ @if $n < list.length($breakpoint-names) {
24
+ @return list.nth($breakpoint-names, $n + 1);
25
+ }
26
+
27
+ @return null;
28
+ }
29
+ @function clr-breakpoint-min($name, $breakpoints: variables.$clr-grid-breakpoints) {
30
+ $min: map.get($breakpoints, $name);
31
+
32
+ @if $min != 0 {
33
+ @return $min;
34
+ }
35
+
36
+ @return null;
37
+ }
38
+ @function clr-breakpoint-max($name, $breakpoints: variables.$clr-grid-breakpoints) {
39
+ $next: clr-breakpoint-next($name, $breakpoints);
40
+
41
+ @if $next {
42
+ @return clr-breakpoint-min($next, $breakpoints) - 0.02;
43
+ }
44
+
45
+ @return null;
46
+ }
47
+ @function clr-breakpoint-infix($name, $breakpoints: variables.$clr-grid-breakpoints) {
48
+ @if not clr-breakpoint-min($name, $breakpoints) {
49
+ @return '';
50
+ }
51
+
52
+ @return '-#{$name}';
53
+ }
54
+
55
+ // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
56
+ // Makes the @content apply to the given breakpoint and wider.
57
+
58
+ @mixin clr-media-breakpoint-up($name, $breakpoints: variables.$clr-grid-breakpoints) {
59
+ $min: clr-breakpoint-min($name, $breakpoints);
60
+
61
+ @if $min {
62
+ @media (min-width: $min) {
63
+ @content;
64
+ }
65
+ } @else {
66
+ @content;
67
+ }
68
+ }
69
+
70
+ // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
71
+ // Makes the @content apply to the given breakpoint and narrower.
72
+
73
+ @mixin clr-media-breakpoint-down($name, $breakpoints: variables.$clr-grid-breakpoints) {
74
+ $max: clr-breakpoint-max($name, $breakpoints);
75
+
76
+ @if $max {
77
+ @media (max-width: $max) {
78
+ @content;
79
+ }
80
+ } @else {
81
+ @content;
82
+ }
83
+ }
package/layout/grid/mixins/_clearfix.scss ADDED
@@ -0,0 +1,13 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+ @mixin clearfix() {
8
+ &::after {
9
+ content: '';
10
+ display: table;
11
+ clear: both;
12
+ }
13
+ }
package/layout/grid/mixins/_grid-framework.scss ADDED
@@ -0,0 +1,91 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use 'sass:map';
9
+ @use '../../../styles/variables/variables';
10
+ @use '../../../styles/core/tokens/variables.tokens' as tokens;
11
+ @use 'breakpoint';
12
+ @use 'grid';
13
+
14
+ @mixin clr-make-grid-columns(
15
+ $columns: variables.$clr-grid-columns,
16
+ $gutter: variables.$clr-grid-column-padding,
17
+ $breakpoints: variables.$clr-grid-breakpoints
18
+ ) {
19
+ // Common properties for all breakpoints
20
+ %clr-grid-column {
21
+ width: 100%;
22
+ min-height: tokens.$cds-global-space-1; // Prevent columns from collapsing when empty
23
+ padding-right: $gutter;
24
+ padding-left: $gutter;
25
+ }
26
+
27
+ @each $breakpoint in map.keys($breakpoints) {
28
+ $infix: breakpoint.clr-breakpoint-infix($breakpoint, $breakpoints);
29
+
30
+ // Allow columns to stretch full width below their breakpoints
31
+
32
+ @for $i from 1 through $columns {
33
+ .clr-col#{$infix}-#{$i} {
34
+ @extend %clr-grid-column;
35
+ }
36
+ }
37
+
38
+ .clr-col#{$infix},
39
+ .clr-col#{$infix}-auto {
40
+ @extend %clr-grid-column;
41
+ }
42
+
43
+ @include breakpoint.clr-media-breakpoint-up($breakpoint, $breakpoints) {
44
+ // Provide basic `.clr-col-{bp}` classes for equal-width flexbox columns
45
+ .clr-col#{$infix} {
46
+ flex-basis: 0;
47
+ flex-grow: 1;
48
+ max-width: 100%;
49
+ }
50
+
51
+ .clr-col#{$infix}-auto {
52
+ flex: 0 0 auto;
53
+ width: auto;
54
+ max-width: none; // Reset earlier grid tiers
55
+ }
56
+
57
+ @for $i from 1 through $columns {
58
+ .clr-col#{$infix}-#{$i} {
59
+ @include grid.clr-make-col($i, $columns);
60
+ }
61
+ }
62
+
63
+ .clr-order#{$infix}-first {
64
+ order: -1;
65
+ }
66
+
67
+ .clr-order#{$infix}-last {
68
+ order: $columns + 1;
69
+ }
70
+
71
+ @for $i from 0 through $columns {
72
+ .clr-order#{$infix}-#{$i} {
73
+ order: $i;
74
+ }
75
+ }
76
+
77
+ // `$columns - 1` because offsetting by the width of an entire row isn't possible
78
+
79
+ @for $i from 0 through ($columns - 1) {
80
+ @if not($infix == '' and $i == 0) {
81
+ /* stylelint-disable */
82
+ // Avoid emitting useless .offset-0
83
+ .clr-offset#{$infix}-#{$i} {
84
+ @include grid.clr-make-col-offset($i, $columns);
85
+ }
86
+ /* stylelint-enable */
87
+ }
88
+ }
89
+ }
90
+ }
91
+ }
package/layout/grid/mixins/_grid.scss ADDED
@@ -0,0 +1,39 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use 'sass:math';
9
+ @use '../../../styles/variables/variables.layout';
10
+
11
+ @mixin clr-make-container() {
12
+ width: 100%;
13
+ padding-right: variables.$clr-grid-container-padding;
14
+ padding-left: variables.$clr-grid-container-padding;
15
+ margin-right: auto;
16
+ margin-left: auto;
17
+ }
18
+ @mixin clr-make-row() {
19
+ display: flex;
20
+ flex-wrap: wrap;
21
+ margin-right: variables.$clr-grid-row-margin;
22
+ margin-left: variables.$clr-grid-row-margin;
23
+ }
24
+ @mixin clr-make-col($size, $columns: variables.$clr-grid-columns) {
25
+ flex: 0 0 math.percentage(math.div($size, $columns));
26
+ // Add a `max-width` to ensure content within each column does not blow out
27
+ // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
28
+ // do not appear to require this.
29
+ max-width: math.percentage(math.div($size, $columns));
30
+ }
31
+ @mixin clr-make-col-offset($size, $columns: variables.$clr-grid-columns) {
32
+ $num: math.div($size, $columns);
33
+
34
+ @if $num == 0 {
35
+ margin-left: 0;
36
+ } @else {
37
+ margin-left: math.percentage($num);
38
+ }
39
+ }
package/layout/grid/utilities/_align.scss ADDED
@@ -0,0 +1,30 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ .clr-align-baseline {
9
+ vertical-align: baseline !important;
10
+ }
11
+
12
+ .clr-align-top {
13
+ vertical-align: top !important;
14
+ }
15
+
16
+ .clr-align-middle {
17
+ vertical-align: middle !important;
18
+ }
19
+
20
+ .clr-align-bottom {
21
+ vertical-align: bottom !important;
22
+ }
23
+
24
+ .clr-align-text-bottom {
25
+ vertical-align: text-bottom !important;
26
+ }
27
+
28
+ .clr-align-text-top {
29
+ vertical-align: text-top !important;
30
+ }
package/layout/grid/utilities/_clearfix.scss ADDED
@@ -0,0 +1,12 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ @use '../mixins/clearfix' as mixin;
9
+
10
+ .clr-clearfix {
11
+ @include mixin.clearfix();
12
+ }
package/layout/grid/utilities/_display.scss ADDED
@@ -0,0 +1,18 @@
1
+ /*
2
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
3
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
4
+ * This software is released under MIT license.
5
+ * The full license information can be found in LICENSE in the root directory of this project.
6
+ */
7
+
8
+ .clr-display-block {
9
+ display: block !important;
10
+ }
11
+
12
+ .clr-display-inline-block {
13
+ display: inline-block !important;
14
+ }
15
+
16
+ .clr-display-inline {
17
+ display: inline !important;
18
+ }