@kofile/gds-foundations 1.0.0-alpha.9 → 1.1.0

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 (100) hide show
  1. package/build/css/components/badge.module.css +6 -0
  2. package/build/css/components/card.module.css +19 -0
  3. package/build/css/components/checkbox.module.css +0 -4
  4. package/build/css/components/dialog.module.css +108 -0
  5. package/build/css/components/field-message.module.css +0 -1
  6. package/build/css/components/input.module.css +34 -5
  7. package/build/css/components/list-callout-group.module.css +10 -0
  8. package/build/css/components/list-callout.module.css +13 -0
  9. package/build/css/components/list-group.module.css +10 -0
  10. package/build/css/components/list-item.module.css +13 -0
  11. package/build/css/components/loader.module.css +19 -0
  12. package/build/css/components/radio-group.module.css +2 -2
  13. package/build/css/components/segmented-controller.module.css +160 -0
  14. package/build/css/components/select.module.css +33 -5
  15. package/build/css/components/switch.module.css +0 -7
  16. package/build/css/components/tabs.module.css +12 -9
  17. package/build/css/index.css +0 -2
  18. package/build/css/themes/badge/light.css +4 -4
  19. package/build/css/themes/card/dark.css +6 -0
  20. package/build/css/themes/card/light.css +6 -0
  21. package/build/css/themes/dialog/dark.css +13 -0
  22. package/build/css/themes/dialog/light.css +13 -0
  23. package/build/css/themes/field-message/light.css +1 -1
  24. package/build/css/themes/global.css +226 -114
  25. package/build/css/themes/index.css +10 -0
  26. package/build/css/themes/input/light.css +4 -1
  27. package/build/css/themes/list-item/dark.css +5 -0
  28. package/build/css/themes/list-item/light.css +5 -0
  29. package/build/css/themes/loader/dark.css +6 -0
  30. package/build/css/themes/loader/light.css +6 -0
  31. package/build/css/themes/segmented-controller/dark.css +15 -0
  32. package/build/css/themes/segmented-controller/light.css +14 -0
  33. package/build/css/themes/select/dark.css +2 -0
  34. package/build/css/themes/select/light.css +4 -2
  35. package/build/css/themes/table/dark.css +2 -2
  36. package/build/css/themes/table/light.css +2 -2
  37. package/build/css/themes/tabs/dark.css +2 -0
  38. package/build/minified/badge.module.css +1 -0
  39. package/build/minified/button.module.css +33 -0
  40. package/build/minified/card.module.css +1 -0
  41. package/build/minified/checkbox.module.css +7 -0
  42. package/build/minified/dark.css +1 -0
  43. package/build/minified/dialog.module.css +21 -0
  44. package/build/minified/field-message.module.css +1 -0
  45. package/build/minified/form-label.module.css +1 -0
  46. package/build/minified/global.css +1 -0
  47. package/build/minified/index.css +1 -0
  48. package/build/minified/input.module.css +37 -0
  49. package/build/minified/label.module.css +1 -0
  50. package/build/minified/light.css +1 -0
  51. package/build/minified/link.module.css +1 -0
  52. package/build/minified/list-callout-group.module.css +1 -0
  53. package/build/minified/list-callout.module.css +1 -0
  54. package/build/minified/list-group.module.css +1 -0
  55. package/build/minified/list-item.module.css +1 -0
  56. package/build/minified/loader.module.css +1 -0
  57. package/build/minified/radio-group.module.css +21 -0
  58. package/build/minified/segmented-controller.module.css +57 -0
  59. package/build/minified/select.module.css +55 -0
  60. package/build/minified/switch.module.css +3 -0
  61. package/build/minified/table.module.css +65 -0
  62. package/build/minified/tabs.module.css +9 -0
  63. package/package.json +35 -16
  64. package/build/.DS_Store +0 -0
  65. package/build/css/.DS_Store +0 -0
  66. package/build/css/fonts.css +0 -13
  67. package/build/css/tokens-global.css +0 -342
  68. package/build/css/utilities/background-color.css +0 -284
  69. package/build/css/utilities/border-color.css +0 -284
  70. package/build/css/utilities/border-radius.css +0 -455
  71. package/build/css/utilities/border-style.css +0 -18
  72. package/build/css/utilities/border-width.css +0 -127
  73. package/build/css/utilities/box-sizing.css +0 -7
  74. package/build/css/utilities/cursor.css +0 -31
  75. package/build/css/utilities/display.css +0 -63
  76. package/build/css/utilities/flex-shrink.css +0 -6
  77. package/build/css/utilities/flex.css +0 -198
  78. package/build/css/utilities/font.css +0 -131
  79. package/build/css/utilities/gap.css +0 -104
  80. package/build/css/utilities/grid-auto-columns.css +0 -12
  81. package/build/css/utilities/grid-template-columns.css +0 -42
  82. package/build/css/utilities/height.css +0 -123
  83. package/build/css/utilities/index.css +0 -30
  84. package/build/css/utilities/margin.css +0 -299
  85. package/build/css/utilities/max-height.css +0 -123
  86. package/build/css/utilities/max-width.css +0 -69
  87. package/build/css/utilities/min-height.css +0 -18
  88. package/build/css/utilities/min-width.css +0 -15
  89. package/build/css/utilities/object-fit.css +0 -15
  90. package/build/css/utilities/object-position.css +0 -27
  91. package/build/css/utilities/overflow.css +0 -45
  92. package/build/css/utilities/padding.css +0 -288
  93. package/build/css/utilities/position.css +0 -1106
  94. package/build/css/utilities/text-overflow.css +0 -13
  95. package/build/css/utilities/text-transform.css +0 -12
  96. package/build/css/utilities/vertical-align.css +0 -31
  97. package/build/css/utilities/white-space.css +0 -23
  98. package/build/css/utilities/width.css +0 -123
  99. package/build/fonts/FiraCode-VariableFont_wght.ttf +0 -0
  100. package/build/fonts/SourceSans3-VariableFont_wght.ttf +0 -0
@@ -2,10 +2,14 @@
2
2
  @import "./badge";
3
3
  @import "./button/light.css";
4
4
  @import "./button/dark.css";
5
+ @import "./card/light.css";
6
+ @import "./card/dark.css";
5
7
  @import "./checkbox/light.css";
6
8
  @import "./checkbox/dark.css";
7
9
  @import "./checkbox-tile/light.css";
8
10
  @import "./checkbox-tile/dark.css";
11
+ @import "./dialog/light.css";
12
+ @import "./dialog/dark.css";
9
13
  @import "./field-message/light.css";
10
14
  @import "./field-message/dark.css";
11
15
  @import "./form-label/light.css";
@@ -16,10 +20,16 @@
16
20
  @import "./label/dark.css";
17
21
  @import "./link/light.css";
18
22
  @import "./link/dark.css";
23
+ @import "./list-item/light.css";
24
+ @import "./list-item/dark.css";
25
+ @import "./loader/light.css";
26
+ @import "./loader/dark.css";
19
27
  @import "./radio-group/light.css";
20
28
  @import "./radio-group/dark.css";
21
29
  @import "./radio-group-tile/light.css";
22
30
  @import "./radio-group-tile/dark.css";
31
+ @import "./segmented-controller/light.css";
32
+ @import "./segmented-controller/dark.css";
23
33
  @import "./select/light.css";
24
34
  @import "./select/dark.css";
25
35
  @import "./switch/light.css";
@@ -3,13 +3,16 @@
3
3
  :host {
4
4
  --input-light-elements-text-field-color-background-primary-default: #edeeef;
5
5
  --input-light-elements-text-field-color-background-disabled-default: #ffffff;
6
- --input-light-elements-text-field-color-background-error-default: #fee5e5;
6
+ --input-light-elements-text-field-color-background-error-default: #FEECEC;
7
7
  --input-light-elements-text-field-color-background-altbackground-default: #ffffff;
8
8
  --input-light-elements-text-field-color-border-primary-default: #d5d7db;
9
9
  --input-light-elements-text-field-color-border-error-default: #d12828;
10
10
  --input-light-elements-text-field-color-text-primary-default: #121212;
11
+ --input-light-elements-text-field-color-text-primary-placeholder: #6b7280;
11
12
  --input-light-elements-text-field-color-text-error-default: #121212;
12
13
  --input-light-elements-text-field-color-text-error-placeholder: #6b7280;
14
+ --input-light-elements-text-field-color-text-placeholder-default: #121212;
15
+ --input-light-elements-text-field-color-text-placeholder-placeholder: #6b7280;
13
16
  --input-light-elements-icon-color-background-primary-default: #edeeef;
14
17
  --input-light-elements-icon-color-border-primary-default: #d5d7db;
15
18
  --input-light-elements-icon-color-text-primary-default: #8d949f;
@@ -0,0 +1,5 @@
1
+
2
+ :root,
3
+ :host {
4
+ --list-item-dark-color-text-primary-default: #ffffff;
5
+ }
@@ -0,0 +1,5 @@
1
+
2
+ :root,
3
+ :host {
4
+ --list-item-light-color-text-primary-default: #121212;
5
+ }
@@ -0,0 +1,6 @@
1
+
2
+ :root,
3
+ :host {
4
+ --loader-dark-color-border-primary-default: #abcffd;
5
+ --loader-dark-color-border-top-primary-default: #063b99;
6
+ }
@@ -0,0 +1,6 @@
1
+
2
+ :root,
3
+ :host {
4
+ --loader-light-color-border-primary-default: #abcffd;
5
+ --loader-light-color-border-top-primary-default: #063b99;
6
+ }
@@ -0,0 +1,15 @@
1
+
2
+ :root,
3
+ :host {
4
+ --segmented-controller-dark-elements-list-color-background-primary-default: #191b22;
5
+ --segmented-controller-dark-elements-list-color-border-primary-default: #343944;
6
+ --segmented-controller-dark-elements-trigger-color-background-primary-default: #121212;
7
+ --segmented-controller-dark-elements-trigger-color-background-primary-active: #03122f;
8
+ --segmented-controller-dark-elements-trigger-color-border-primary-default: transparent;
9
+ --segmented-controller-dark-elements-trigger-color-border-primary-active: #052b74;
10
+ --segmented-controller-dark-elements-trigger-color-text-primary-default: #ffffff;
11
+ --segmented-controller-dark-elements-trigger-color-text-primary-active: #66a8fd;
12
+ --segmented-controller-dark-elements-trigger-color-text-primary-hover: #abcffd;
13
+ --segmented-controller-dark-elements-content-color-background-primary-default: #121212;
14
+ --segmented-controller-dark-elements-content-color-border-primary-default: #343944;
15
+ }
@@ -0,0 +1,14 @@
1
+
2
+ :root,
3
+ :host {
4
+ --segmented-controller-light-elements-list-color-border-primary-default: #d5d7db;
5
+ --segmented-controller-light-elements-trigger-color-background-primary-default: #ffffff;
6
+ --segmented-controller-light-elements-trigger-color-background-primary-active: #f0f7ff;
7
+ --segmented-controller-light-elements-trigger-color-border-primary-default: transparent;
8
+ --segmented-controller-light-elements-trigger-color-border-primary-active: #abcffd;
9
+ --segmented-controller-light-elements-trigger-color-text-primary-default: #121212;
10
+ --segmented-controller-light-elements-trigger-color-text-primary-active: #0c57cd;
11
+ --segmented-controller-light-elements-trigger-color-text-primary-hover: #063b99;
12
+ --segmented-controller-light-elements-content-color-background-primary-default: #ffffff;
13
+ --segmented-controller-light-elements-content-color-border-primary-default: #d5d7db;
14
+ }
@@ -28,4 +28,6 @@
28
28
  --select-dark-elements-menu-item-color-text-primary-active: #ffffff;
29
29
  --select-dark-elements-separtor-color-background-primary-default: #d5d7db;
30
30
  --select-dark-elements-info-color-text-primary-default: #b7bcc3;
31
+ --select-dark-elements-heading-color-text-primary-default: #8d949f;
32
+ --select-dark-elements-label-color-text-primary-default: #ffffff;
31
33
  }
@@ -2,7 +2,7 @@
2
2
  :root,
3
3
  :host {
4
4
  --select-light-elements-trigger-color-background-primary-default: #edeeef;
5
- --select-light-elements-trigger-color-background-danger-default: #fee5e5;
5
+ --select-light-elements-trigger-color-background-danger-default: #FEECEC;
6
6
  --select-light-elements-trigger-color-background-altbackground-default: #ffffff;
7
7
  --select-light-elements-trigger-color-border-primary-default: #d5d7db;
8
8
  --select-light-elements-trigger-color-border-primary-active: #66a8fd;
@@ -16,7 +16,7 @@
16
16
  --select-light-elements-trigger-color-shadow-danger-focus: 0 0 0 0.375rem rgba(209, 40, 40, 0.16);
17
17
  --select-light-elements-content-color-background-primary-default: #ffffff;
18
18
  --select-light-elements-content-color-border-primary-default: #d5d7db;
19
- --select-light-elements-content-scrollbar-color-background-primary-default: #F9F9F9;
19
+ --select-light-elements-content-scrollbar-color-background-primary-default: #F7F7F7;
20
20
  --select-light-elements-content-scrollbar-color-border-primary-default: #d5d7db;
21
21
  --select-light-elements-content-scrollbar-thumb-color-background-primary-default: #d5d7db;
22
22
  --select-light-elements-content-scrollbar-thumb-color-border-primary-default: #8d949f;
@@ -25,4 +25,6 @@
25
25
  --select-light-elements-menu-item-color-background-primary-active: #d9eafe;
26
26
  --select-light-elements-separtor-color-background-primary-default: #d5d7db;
27
27
  --select-light-elements-info-color-text-primary-default: #6b7280;
28
+ --select-light-elements-heading-color-text-primary-default: #6b7280;
29
+ --select-light-label-color-text-primary-default: #121212;
28
30
  }
@@ -9,8 +9,8 @@
9
9
  --table-dark-elements-container-scrollbar-thumb-color-border-primary-default: #8d949f;
10
10
  --table-dark-elements-tr-color-background-primary-default: #121212;
11
11
  --table-dark-elements-tr-color-background-primary-hover: #191b22;
12
- --table-dark-elements-tr-color-background-striped-default: #343944;
13
- --table-dark-elements-tr-color-background-striped-hover: #191b22;
12
+ --table-dark-elements-tr-color-background-striped-default: #191b22;
13
+ --table-dark-elements-tr-color-background-striped-hover: #242831;
14
14
  --table-dark-elements-th-color-background-primary-default: #242831;
15
15
  --table-dark-elements-th-color-background-altbackground-default: #121212;
16
16
  --table-dark-elements-th-color-border-bottom-primary-default: #343944;
@@ -3,13 +3,13 @@
3
3
  :host {
4
4
  --table-light-elements-container-color-background-primary-default: #edeeef;
5
5
  --table-light-elements-container-color-border-primary-default: #d5d7db;
6
- --table-light-elements-container-scrollbar-color-background-primary-default: #F9F9F9;
6
+ --table-light-elements-container-scrollbar-color-background-primary-default: #F7F7F7;
7
7
  --table-light-elements-container-scrollbar-color-border-primary-default: #d5d7db;
8
8
  --table-light-elements-container-scrollbar-thumb-color-background-primary-default: #d5d7db;
9
9
  --table-light-elements-container-scrollbar-thumb-color-border-primary-default: #8d949f;
10
10
  --table-light-elements-tr-color-background-primary-default: #ffffff;
11
11
  --table-light-elements-tr-color-background-primary-hover: #edeeef;
12
- --table-light-elements-tr-color-background-striped-default: #F9F9F9;
12
+ --table-light-elements-tr-color-background-striped-default: #F7F7F7;
13
13
  --table-light-elements-tr-color-background-striped-hover: #edeeef;
14
14
  --table-light-elements-th-color-background-primary-default: #edeeef;
15
15
  --table-light-elements-th-color-background-primary-hover: #edeeef;
@@ -8,4 +8,6 @@
8
8
  --tabs-dark-elements-trigger-color-text-primary-default: #ffffff;
9
9
  --tabs-dark-elements-trigger-color-text-primary-active: #66a8fd;
10
10
  --tabs-dark-elements-trigger-color-text-primary-hover: #abcffd;
11
+ --tabs-dark-elements-content-color-background-primary-default: #121212;
12
+ --tabs-dark-elements-content-color-border-primary-default: #343944;
11
13
  }
@@ -0,0 +1 @@
1
+ .badge{align-items:center;background-color:var(--badge-light-color-background-neutral-light-fill);border-end-end-radius:var(--badge-size-sm-border-radius);border-end-start-radius:var(--badge-size-sm-border-radius);border-start-end-radius:var(--badge-size-sm-border-radius);border-start-start-radius:var(--badge-size-sm-border-radius);color:var(--badge-light-color-text-fill);display:inline-flex;font:var(--badge-size-lg-typography);gap:var(--badge-gap-spacing);height:fit-content;padding-block-end:var(--badge-size-lg-vertical-padding);padding-block-start:var(--badge-size-lg-vertical-padding);padding-inline-end:var(--badge-size-lg-horizontal-padding);padding-inline-start:var(--badge-size-lg-horizontal-padding);vertical-align:top;white-space:nowrap;width:fit-content}.badge[data-size=md]{font:var(--badge-size-md-typography);padding-block-end:var(--badge-size-md-vertical-padding);padding-block-start:var(--badge-size-md-vertical-padding);padding-inline-end:var(--badge-size-md-horizontal-padding);padding-inline-start:var(--badge-size-md-horizontal-padding)}.badge[data-size=sm]{font:var(--badge-size-sm-typography);padding-block-end:var(--badge-size-sm-vertical-padding);padding-block-start:var(--badge-size-sm-vertical-padding);padding-inline-end:var(--badge-size-sm-horizontal-padding);padding-inline-start:var(--badge-size-sm-horizontal-padding)}.badge[data-color=neutral-light]{background-color:var(--badge-light-color-background-neutral-light-fill)}.badge[data-color=neutral-dark]{background-color:var(--badge-light-color-background-neutral-dark-fill)}.badge[data-color=primary]{background-color:var(--badge-light-color-background-primary-fill)}.badge[data-color=success]{background-color:var(--badge-light-color-background-success-fill)}.badge[data-color=danger]{background-color:var(--badge-light-color-background-danger-fill)}.badge[data-color=warning]{background-color:var(--badge-light-color-background-warning-fill)}.badge[data-color=highlight]{background-color:var(--badge-light-color-background-hightlight-fill)}.badge[data-mode=dark]{color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-light][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-light-fill);color:var(--badge-dark-color-text-fill)}.badge[data-color=neutral-dark][data-mode=dark]{background-color:var(--badge-dark-color-background-neutral-dark-fill)}.badge[data-color=primary][data-mode=dark]{background-color:var(--badge-dark-color-background-primary-fill)}.badge[data-color=success][data-mode=dark]{background-color:var(--badge-dark-color-background-success-fill)}.badge[data-color=danger][data-mode=dark]{background-color:var(--badge-dark-color-background-danger-fill)}.badge[data-color=warning][data-mode=dark]{background-color:var(--badge-dark-color-background-warning-fill)}.badge[data-color=highlight][data-mode=dark]{background-color:var(--badge-dark-color-background-highlight-fill)}.action:hover{background-color:transparent!important;border-color:transparent!important}
@@ -0,0 +1,33 @@
1
+ .button{align-items:center;background-color:var(--button-light-color-background-solid-primary-default);border-color:var(--button-light-color-border-solid-primary-default);border-radius:var(--button-size-xl-border-radius);border-style:var(--button-size-xl-border-style);border-width:var(--button-size-xl-border-width);box-shadow:inset 0 -2px 1px 0 hsla(0,0%,7%,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.24);box-sizing:border-box;color:var(--button-light-color-text-solid-primary-default);cursor:pointer;display:inline-flex;font:var(--button-size-xl-typography);gap:var(--button-size-xl-spacing);height:var(--button-size-xl-height);padding-block-end:var(--button-size-xl-padding-bottom);padding-block-start:var(--button-size-xl-padding-top);padding-inline-end:var(--button-size-xl-padding-right);padding-inline-start:var(--button-size-xl-padding-left);transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out;white-space:nowrap}.button[data-width=full]{justify-content:center;width:100%}.button:not(:disabled):hover{background-color:var(--button-light-color-background-solid-primary-hover);border-color:var(--button-light-color-border-solid-primary-hover)}.button:focus-visible{outline:var(--button-outline-primary-offset) var(--button-outline-primary-style) var(--color-primary-700);outline-offset:var(--spacing-3xs)}.button:active,.button[data-background=outlined]:active{box-shadow:0 0 0 6px rgba(12,87,205,.16)}.button[data-background=outlined]{background-color:var(
2
+ --button-light-color-background-outlined-primary-default
3
+ );border-color:var(--button-light-color-border-outlined-primary-default);box-shadow:none;color:var(--button-light-color-text-outlined-primary-default)}.button[data-background=outlined]:hover{background-color:var(--button-light-color-background-outlined-primary-hover);border-color:var(--button-light-color-border-outlined-primary-hover)}.button[data-background=transparent]{background-color:var(--button-light-color-transparent-primary-default);border-color:var(--button-light-color-border-transparent-primary-default);box-shadow:none;color:var(--button-light-color-text-transparent-primary-default)}.button[data-background=transparent]:hover{background-color:var(--color-neutral-200);border-color:transparent}.button[data-background=transparent]:active{background-color:var(
4
+ --button-light-color-background-transparent-primary-active
5
+ );border-color:var(--button-light-color-border-transparent-primary-active);box-shadow:none}.button[data-size=md]{font:var(--button-size-md-typography);height:var(--button-size-md-height);padding-block-end:var(--button-size-md-padding-bottom);padding-block-start:var(--button-size-md-padding-top);padding-inline-end:var(--button-size-md-padding-right);padding-inline-start:var(--button-size-md-padding-left)}.button[data-size=lg]{font:var(--button-size-lg-typography);height:var(--button-size-lg-height);padding-block-end:var(--button-size-lg-padding-bottom);padding-block-start:var(--button-size-lg-padding-top);padding-inline-end:var(--button-size-lg-padding-right);padding-inline-start:var(--button-size-lg-padding-left)}.button[data-rounded=left]{border-end-end-radius:0;border-start-end-radius:0}.button[data-rounded=none],.button[data-rounded=right]{border-end-start-radius:0;border-start-start-radius:0}.button[data-rounded=none]{border-end-end-radius:0;border-start-end-radius:0}.button[data-variant=neutral][data-background=outlined]{background-color:var(
6
+ --button-light-color-background-outlined-neutral-default
7
+ );border-color:var(--color-neutral-300);box-shadow:none;color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined]:active{box-shadow:0 0 0 6px hsla(220,9%,46%,.16)}.button[data-variant=neutral]:hover{background-color:var(--button-light-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent]{background-color:var(
8
+ --button-light-color-background-transparent-neutral-default
9
+ );border-color:var(--button-light-color-border-transparent-neutral-default);color:var(--button-light-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=transparent]:hover{background-color:var(
10
+ --button-light-color-background-transparent-neutral-hover
11
+ );border-color:var(--button-light-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent]:active{background-color:var(
12
+ --button-light-color-background-transparent-neutral-active
13
+ );border-color:var(--button-light-color-border-transparent-neutral-active)}.button[data-variant=danger]{background-color:var(--button-light-color-background-solid-danger-default);border-color:var(--button-light-color-border-solid-danger-default);color:var(--button-light-color-text-solid-danger-default)}.button[data-variant=danger]:not(:disabled):hover{background-color:var(--button-light-color-background-solid-danger-hover);border-color:var(--button-light-color-border-solid-danger-hover)}.button[data-variant=danger][data-background=outlined]{background-color:var(
14
+ --button-light-color-background-outlined-danger-default
15
+ );border-color:var(--button-light-color-border-outlined-danger-default);color:var(--button-light-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined]:hover{background-color:var(--color-danger-100);border-color:var(--color-danger-600)}.button[data-variant=danger]:active{box-shadow:0 0 0 6px rgba(209,40,40,.16)}
16
+
17
+ /*! DARK MODE */.button[data-mode=dark]{border-color:var(--button-dark-color-border-solid-primary-default);box-shadow:none}.button[data-mode=dark]:not(:disabled):active{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.button[data-mode=dark][data-variant=neutral][data-background=outlined]:not(:disabled):active{box-shadow:0 0 0 6px hsla(220,9%,46%,.24)}.button[data-mode=dark][data-background=outlined][data-variant=danger]:not(:disabled):active,.button[data-mode=dark][data-variant=danger]:not(:disabled):active{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.button[data-mode=dark]:not(:disabled):hover{background-color:var(--button-dark-color-background-solid-primary-hover);border-color:var(--button-dark-color-border-solid-primary-hover)}.button[data-background=outlined][data-mode=dark]{background-color:var(
18
+ --button-dark-color-background-outlined-primary-default
19
+ );border-color:var(--button-dark-color-border-outlined-primary-default);box-shadow:none;color:var(--button-dark-color-text-outlined-primary-default)}.button[data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-primary-hover);border-color:var(--button-dark-color-border-outlined-primary-hover)}.button[data-background=transparent][data-mode=dark]{background-color:var(
20
+ --button-dark-color-background-transparent-primary-default
21
+ );border-color:var(--button-dark-color-border-transparent-primary-default);color:var(--button-dark-color-text-transparent-primary-default)}.button[data-background=transparent][data-mode=dark]:hover{background-color:var(
22
+ --button-dark-color-background-transparent-primary-hover
23
+ );border-color:var(--button-dark-color-border-transparent-primary-hover)}.button[data-background=transparent][data-mode=dark]:active{background-color:var(
24
+ --button-dark-color-background-transparent-primary-active
25
+ );box-shadow:none}.button[data-variant=neutral][data-background=outlined][data-mode=dark]{background-color:var(
26
+ --button-dark-color-background-outlined-neutral-default
27
+ );border-color:var(--button-dark-color-border-outlined-neutral-default);box-shadow:none;color:var(--button-dark-color-text-outlined-neutral-default)}.button[data-variant=neutral][data-background=outlined][data-mode=dark]:hover{background-color:var(--button-dark-color-background-outlined-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]{background-color:var(
28
+ --button-dark-color-background-transparent-neutral-default
29
+ );border-color:var(--button-dark-color-border-transparent-neutral-default);color:var(--button-dark-color-text-transparent-neutral-default)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:hover{background-color:var(
30
+ --button-dark-color-background-transparent-neutral-hover
31
+ );border-color:var(--button-dark-color-border-transparent-neutral-hover)}.button[data-variant=neutral][data-background=transparent][data-mode=dark]:active{background-color:var(
32
+ --button-dark-color-background-transparent-neutral-active
33
+ );border-color:var(--button-dark-color-border-transparent-neutral-active);box-shadow:none}.button[data-mode=dark][data-variant=danger]{border-color:var(--button-dark-color-border-solid-danger-default);box-shadow:none}.button[data-mode=dark][data-variant=danger]:hover{background-color:var(--button-dark-color-background-solid-danger-hover);border-color:var(--button-dark-color-border-solid-danger-hover);box-shadow:none}.button[data-variant=danger][data-background=outlined][data-mode=dark]{background-color:var(--button-dark-color-background-outlined-danger-default);border-color:var(--button-dark-color-border-outlined-danger-default);box-shadow:none;color:var(--button-dark-color-text-outlined-danger-default)}.button[data-variant=danger][data-background=outlined][data-mode=dark]:hover{background-color:var(--color-danger-1000);box-shadow:none;color:var(--color-danger-400)}.button:disabled,.button[data-variant=danger]:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--button-opacity-disabled);pointer-events:none}.button:is([data-loading=true]){opacity:.8;pointer-events:none}.button[data-mode=dark]:focus-visible{outline-color:var(--color-primary-300)}
@@ -0,0 +1 @@
1
+ .card{background-color:var(--card-light-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-light-color-border-primary-default);border-radius:var(--card-size-sm-border-radius);padding:var(--card-size-sm-padding);width:100%}.card[data-size=md]{padding:var(--card-size-md-padding)}.card[data-size=lg]{padding:var(--card-size-lg-padding)}.card[data-mode=dark]{background-color:var(--card-dark-color-background-primary-default);border:var(--card-size-sm-border-width) solid var(--card-dark-color-border-primary-default)}
@@ -0,0 +1,7 @@
1
+ .checkbox,.indicator{display:flex}.checkbox{appearance:none;background-color:var(--checkbox-light-color-background-primary-default);border:var(--checkbox-size-md-border-width) solid var(--checkbox-light-color-border-primary-default);border-radius:var(--checkbox-size-md-border-radius);box-sizing:border-box;height:var(--checkbox-size-md-height);justify-content:center;min-width:var(--checkbox-size-md-width);position:relative;transition:background-color var(--checkbox-transition-speed) ease;width:var(--checkbox-size-md-width)}.checkbox:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-light-color-background-primary-hover);content:"";height:var(--checkbox-size-md-background-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .25s ease;width:var(--checkbox-size-md-background-size)}.checkbox[data-state=checked]{background-color:var(--checkbox-light-color-background-primary-active);border-color:var(--checkbox-light-color-border-primary-active)}.checkbox:focus-visible{outline:var(--checkbox-outline-primary-width) var(--checkbox-outline-primary-style) var(--checkbox-outline-primary-fill);outline-offset:var(--checkbox-outline-primary-offset)}.checkbox[data-disabled],.checkbox[data-error=true][data-disabled],.checkbox[data-mode=dark][data-disabled]{opacity:var(--checkbox-opacity-disabled);pointer-events:none}.checkbox[data-error=true]{background-color:var(--checkbox-light-color-background-danger-default)}.checkbox[data-error=true]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-light-color-background-danger-hover)}.checkbox:indeterminate{background-color:var(
2
+ --checkbox-light-color-background-indeterminate-default
3
+ )}.checkbox[data-size=sm]{border-radius:var(--checkbox-size-sm-border-radius,initial);height:var(--checkbox-size-sm-height);min-width:var(--checkbox-size-sm-width);width:var(--checkbox-size-sm-width)}.checkbox[data-size=sm]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{height:var(--checkbox-size-sm-background-size);width:var(--checkbox-size-sm-background-size)}.checkbox[data-mode=dark]{background-color:var(--checkbox-dark-color-background-primary-default)}.checkbox[data-mode=dark][data-state=checked]{background-color:var(--checkbox-dark-color-background-primary-active);border-color:var(--checkbox-dark-color-background-primary-active)}.checkbox[data-error=true][data-mode=dark]{background-color:var(--checkbox-dark-color-background-danger-default)}.checkbox[data-mode=dark]:focus-visible{outline-color:var(var(--checkbox-dark-color-outline-primary-fill))}.checkbox[data-mode=dark]:not([data-disabled]):hover:not([data-state=checked]):not(:indeterminate):before{background-color:var(--checkbox-dark-color-background-primary-hover)}.checkbox[data-error=true][data-mode=dark][data-state=checked],.checkbox[data-error=true][data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-dark-color-background-danger-active)}.checkbox[data-error=true][data-mode=dark]:not([data-disabled]):not([data-state=checked]):hover{background-color:var(--checkbox-dark-color-background-danger-hover)}.tile{align-items:center;background-color:var(--checkbox-tile-light-color-background-primary-default);border:var(--checkbox-tile-size-md-border-width) solid var(--checkbox-tile-light-color-border-primary-default);border-radius:var(--checkbox-tile-size-md-border-radius);box-sizing:border-box;display:flex;padding-block:var(--checkbox-tile-size-md-padding-block);padding-inline:var(--checkbox-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
4
+ --checkbox-tile-light-color-background-altbackground-default
5
+ );border-color:var(--checkbox-tile-light-color-border-altbackground-default)}.tile:has(.root[data-state=checked]){background-color:var(--checkbox-tile-light-color-background-primary-active)}.tile[data-state=checked]{background-color:var(--checkbox-tile-light-color-background-primary-active);border-color:var(--checkbox-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(--checkbox-tile-light-color-background-primary-hover);border-color:var(--checkbox-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(--checkbox-tile-dark-color-background-primary-default);border-color:var(--checkbox-tile-dark-color-border-primary-default)}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
6
+ --checkbox-tile-dark-color-background-altbackground-default
7
+ )}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(--checkbox-tile-dark-color-background-primary-active)}.tile[data-mode=dark]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-hover);border-color:var(--checkbox-tile-dark-color-border-primary-hover)}.tile[data-mode=dark][data-state=checked]{border-color:var(--checkbox-tile-dark-color-border-primary-active)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(--checkbox-tile-dark-color-background-primary-active)}
@@ -0,0 +1 @@
1
+ @import "./global.css";@import "./badge/dark.css";@import "./button/dark.css";@import "./checkbox/dark.css";@import "./checkbox-tile/dark.css";@import "./field-message/dark.css";@import "./form-label/dark.css";@import "./input/dark.css";@import "./label/dark.css";@import "./link/dark.css";@import "./radio-group/dark.css";@import "./radio-group-tile/dark.css";@import "./select/dark.css";@import "./switch/dark.css";@import "./table/dark.css";@import "./tabs/dark.css";
@@ -0,0 +1,21 @@
1
+ .overlay{background-color:var(
2
+ --dialog-light-elements-overlay-color-background-primary-default
3
+ );inset:0;position:fixed}.overlay[data-mode=dark]{background-color:var(
4
+ --dialog-dark-elements-overlay-color-background-primary-default
5
+ );inset:0;position:fixed}.content{animation:var(--dialog-content-animation);background-color:var(
6
+ --dialog-light-elements-content-color-background-primary-default
7
+ );border-radius:var(--dialog-elements-content-size-compact-border-radius);box-shadow:var(--dialog-elements-content-size-compact-box-shadow);left:50%;padding-block:var(--dialog-elements-content-size-compact-padding-block);padding-inline:var(--dialog-elements-content-size-compact-padding-inline);position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--dialog-elements-content-size-compact-width)}.content:focus{outline:none}.content[data-size=spacious]{width:var(--dialog-elements-content-size-spacious-width)}.content[data-mode=dark]{background-color:var(
8
+ --dialog-dark-elements-content-color-background-primary-default
9
+ )}.title{color:var(--dialog-light-elements-title-color-text-primary-default);font:var(--dialog-elements-title-typography);margin:var(--dialog-elements-title-margin);margin-block-start:var(--dialog-elements-title-margin-block-start);text-align:var(--dialog-elements-title-text-align)}.title[data-mode=dark]{color:var(--dialog-dark-elements-title-color-text-primary-default)}.description{color:var(--dialog-light-elements-description-color-text-primary-default);font:var(--dialog-elements-description-typography);margin:var(--dialog-elements-description-margin);margin-block-start:var(--dialog-elements-description-margin-block-start);text-align:var(--dialog-elements-description-text-align)}.description[data-mode=dark]{color:var(--dialog-dark-elements-description-color-text-primary-default)}.icon{background-color:var(
10
+ --dialog-light-elements-icon-color-background-generic-default
11
+ );border-radius:var(--dialog-elements-icon-size-default-border-radius);display:flex;justify-content:center;margin:0 auto;padding:var(--dialog-elements-icon-size-default-padding);width:min-content}.icon[data-type=destructive],.icon[data-type=error]{background-color:var(
12
+ --dialog-light-elements-icon-color-background-destructive-default
13
+ )}.icon[data-type=success]{background-color:var(
14
+ --dialog-light-elements-icon-color-background-success-default
15
+ )}.icon[data-mode=dark][data-type=loading],.icon[data-type=loading]{background-color:var(
16
+ --dialog-light-elements-icon-color-background-loading-default
17
+ )}.icon[data-mode=dark]{background-color:var(--color-neutral-900)}.icon[data-mode=dark][data-type=destructive],.icon[data-mode=dark][data-type=error]{background-color:var(
18
+ --dialog-dark-elements-icon-color-background-destructive-default
19
+ )}.icon[data-mode=dark][data-type=success]{background-color:var(
20
+ --dialog-dark-elements-icon-color-background-success-default
21
+ )}
@@ -0,0 +1 @@
1
+ .message{color:var(--field-message-light-color-text-primary-default);display:block;font:var(--field-message-size-md-typography)}.message[data-size=sm]{font:var(--field-message-size-sm-typography)}.message[data-error=true]{color:var(--field-message-light-color-text-danger-default)}.message[aria-disabled=true]{opacity:var(--field-message-opacity-disabled)}.message[data-error=true][data-mode=dark],.message[data-mode=dark]{color:var(--field-message-dark-color-text-danger-default)}
@@ -0,0 +1 @@
1
+ .label{align-items:center;box-sizing:border-box;color:var(--form-label-light-color-text-primary-default);display:inline-flex;font:var(--form-label-size-md-typography);gap:var(--form-label-size-md-gap)}.label[data-size=sm]{font:var(--form-label-size-sm-typography)}.label[data-mode=dark]{color:var(--form-label-dark-color-text-primary-default)}.label:is([aria-required=true]):after{background-color:var(--form-label-elements-indicator-background);border-radius:var(--form-label-elements-indicator-border-radius);content:"";height:var(--form-label-elements-indicator-height);width:var(--form-label-elements-indicator-width)}
@@ -0,0 +1 @@
1
+ :host,:root{--primitive-0:0rem;--primitive-1:0.063rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.688rem;--primitive-12:0.75rem;--primitive-13:0.813rem;--primitive-14:0.875rem;--primitive-15:0.938rem;--primitive-16:1rem;--primitive-17:1.063rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-gray-100:#f7f7f7;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#8d949f;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-red-100:#feecec;--primitive-red-200:#fedcdc;--primitive-red-300:#feada9;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#c0f6dc;--primitive-green-300:#71e0b0;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#fff3e0;--primitive-orange-200:#ffe4c2;--primitive-orange-300:#fec880;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fdf8cf;--primitive-yellow-200:#fdeeaf;--primitive-yellow-300:#fbd974;--primitive-yellow-400:#f1bc0f;--primitive-yellow-500:#dda100;--primitive-yellow-600:#c08700;--primitive-yellow-700:#976800;--primitive-yellow-800:#785200;--primitive-yellow-900:#563e00;--primitive-yellow-1000:#3c2e00;--primitive-purple-100:#f7f5ff;--primitive-purple-200:#e9e5fd;--primitive-purple-300:#d1c9fc;--primitive-purple-400:#baa8f7;--primitive-purple-500:#a485ed;--primitive-purple-600:#7c4ccd;--primitive-purple-700:#562c9e;--primitive-purple-800:#3b2270;--primitive-purple-900:#291753;--primitive-purple-1000:#150c32;--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--spacing-4xs:0rem;--spacing-3xs:0.125rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--border-radius-none:0rem;--border-radius-2xs:0.125rem;--border-radius-xs:0.25rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--line-heights-3xs:1rem;--line-heights-2xs:1.25rem;--line-heights-xs:1.25rem;--line-heights-sm:1.25rem;--line-heights-md:1.5rem;--line-heights-lg:1.5rem;--line-heights-xl:1.75rem;--line-heights-2xl:2.25rem;--line-heights-3xl:2.25rem;--line-heights-4xl:3rem;--line-heights-5xl:3.75rem;--line-heights-6xl:5rem;--font-size-3xs:0.75rem;--font-size-2xs:0.813rem;--font-size-xs:0.875rem;--font-size-sm:0.938rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4.5rem;--layout-4xs:12rem;--layout-3xs:14rem;--layout-2xs:16rem;--layout-xs:20rem;--layout-sm:24rem;--layout-md:32rem;--layout-lg:48rem;--layout-xl:64rem;--layout-2xl:80rem;--layout-3xl:100rem;--layout-4xl:120rem;--border-width-none:0rem;--border-width-sm:0.063rem;--border-width-md:0.125rem;--border-width-lg:0.25rem;--font-families-default:Source Sans 3,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--font-families-mono:Fira Code,monospace;--font-weights-regular:480;--font-weights-semibold:600;--font-weights-bold:720;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.01em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.175em;--letter-spacing-4xl:-0.175em;--letter-spacing-5xl:-0.175em;--letter-spacing-6xl:-0.025em;--paragraph-spacing-0:0;--font-size-3xs-regular:480 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-3xs-semibold:600 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-3xs-bold:720 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-2xs-regular:480 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-2xs-semibold:600 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-2xs-bold:720 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xs-regular:480 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xs-semibold:600 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xs-bold:720 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-sm-regular:480 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-sm-semibold:600 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-sm-bold:720 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-md-regular:480 1rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-md-semibold:600 1rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-md-bold:720 1rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-lg-regular:480 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-lg-semibold:600 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-lg-bold:720 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xl-regular:480 1.25rem/1.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xl-semibold:600 1.25rem/1.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xl-bold:720 1.25rem/1.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-2xl-regular:480 1.5rem/2.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-2xl-semibold:600 1.5rem/2.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-2xl-bold:720 1.5rem/2.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-3xl-regular:480 1.75rem/2.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-3xl-semibold:600 1.75rem/2.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-3xl-bold:720 1.75rem/2.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-4xl-regular:480 2.25rem/3rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-4xl-semibold:600 2.25rem/3rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-4xl-bold:720 2.25rem/3rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-5xl-regular:480 3rem/3.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-5xl-semibold:600 3rem/3.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-5xl-bold:720 3rem/3.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-6xl-regular:480 4.5rem/5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-6xl-semibold:600 4.5rem/5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-6xl-bold:720 4.5rem/5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--text-case-none:none;--text-decoration-none:none;--paragraph-indent-0:0px;--color-neutral-100:#f7f7f7;--color-neutral-200:#edeeef;--color-neutral-300:#d5d7db;--color-neutral-400:#b7bcc3;--color-neutral-500:#8d949f;--color-neutral-600:#6b7280;--color-neutral-700:#4f5562;--color-neutral-800:#343944;--color-neutral-900:#242831;--color-neutral-1000:#191b22;--color-neutral-darkest:#121212;--color-neutral-lightest:#fff;--color-neutral-alpha-100:rgba(56,56,56,.04);--color-neutral-alpha-200:rgba(31,44,56,.08);--color-neutral-alpha-300:rgba(8,20,43,.17);--color-neutral-alpha-400:rgba(7,25,49,.29);--color-neutral-alpha-500:rgba(2,17,44,.45);--color-neutral-alpha-600:rgba(4,17,42,.59);--color-neutral-alpha-700:rgba(4,12,32,.7);--color-neutral-alpha-800:rgba(1,7,19,.8);--color-neutral-alpha-900:rgba(0,5,15,.86);--color-neutral-alpha-1000:rgba(2,4,13,.91);--color-primary-100:#f0f7ff;--color-primary-200:#d9eafe;--color-primary-300:#abcffd;--color-primary-400:#66a8fd;--color-primary-500:#3a89fd;--color-primary-600:#0c57cd;--color-primary-700:#063b99;--color-primary-800:#052b74;--color-primary-900:#041c4f;--color-primary-1000:#03122f;--color-primary-alpha-100:rgba(5,122,255,.06);--color-primary-alpha-200:rgba(2,117,247,.15);--color-primary-alpha-300:rgba(0,112,250,.33);--color-primary-alpha-400:rgba(0,108,250,.6);--color-primary-alpha-500:rgba(3,103,252,.78);--color-primary-alpha-600:rgba(2,79,202,.96);--color-primary-alpha-700:rgba(1,56,152,.98);--color-primary-alpha-800:rgba(2,42,116,.99);--color-primary-alpha-900:rgba(1,26,75,.99);--color-primary-alpha-1000:rgba(0,16,46,.99);--color-danger-100:#feecec;--color-danger-200:#fedcdc;--color-danger-300:#feada9;--color-danger-400:#fc817c;--color-danger-500:#f4534f;--color-danger-600:#d12828;--color-danger-700:#ab1a1d;--color-danger-800:#7e130e;--color-danger-900:#5c0b09;--color-danger-1000:#3b0807;--color-warning-100:#fff3e0;--color-warning-200:#ffe4c2;--color-warning-300:#fec880;--color-warning-400:#fba94b;--color-warning-500:#f39129;--color-warning-600:#d26e16;--color-warning-700:#a2520c;--color-warning-800:#753c08;--color-warning-900:#553008;--color-warning-1000:#3c2109;--color-success-100:#e2fdee;--color-success-200:#c0f6dc;--color-success-300:#71e0b0;--color-success-400:#29c68c;--color-success-500:#1aad74;--color-success-600:#088556;--color-success-700:#086945;--color-success-800:#0a4e35;--color-success-900:#063724;--color-success-1000:#052618;--color-highlight-100:#fdf8cf;--color-highlight-200:#fdeeaf;--color-highlight-300:#fbd974;--color-highlight-400:#f1bc0f;--color-highlight-500:#dda100;--color-highlight-600:#c08700;--color-highlight-700:#976800;--color-highlight-800:#785200;--color-highlight-900:#563e00;--color-highlight-1000:#3c2e00;--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--shadow-xs:0 0 12px 0 hsla(0,0%,7%,.08);--shadow-sm:0 0 12px 0 hsla(0,0%,7%,.16);--shadow-md:0 0 12px 0 hsla(0,0%,7%,.24);--shadow-lg:0 0 12px 0 hsla(0,0%,7%,.72);--shadow-xl:0 0 16px 0 hsla(0,0%,7%,.96);--elevation-100:100;--elevation-150:150;--elevation-199:199;--elevation-200:200;--elevation-250:250;--elevation-299:299;--elevation-300:300;--elevation-350:350;--elevation-399:399;--elevation-400:400;--elevation-450:450;--elevation-499:499;--elevation-absolute-bottom:-999;--elevation-absolute-top:999;--badge-size-sm-vertical-padding:0.125rem;--badge-size-sm-typography:600 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--badge-size-sm-horizontal-padding:0.25rem;--badge-size-sm-border-radius:0.25rem;--badge-size-md-vertical-padding:0.125rem;--badge-size-md-horizontal-padding:0.5rem;--badge-size-md-typography:600 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--badge-size-md-border-radius:0.25rem;--badge-size-lg-vertical-padding:0.375rem;--badge-size-lg-horizontal-padding:0.5rem;--badge-size-lg-typography:600 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--badge-size-lg-border-radius:0.25rem;--badge-gap-spacing:0.25rem;--button-size-sm-border-radius:0.375rem;--button-size-sm-border-width:0.063rem;--button-size-sm-border-style:solid;--button-size-sm-typography: ;--button-size-md-border-radius:0.375rem;--button-size-md-border-width:0.063rem;--button-size-md-border-style:solid;--button-size-md-height:1.5rem;--button-size-md-padding-left:0.5rem;--button-size-md-padding-right:0.5rem;--button-size-md-padding-top:0.125rem;--button-size-md-padding-bottom:0.125rem;--button-size-md-spacing:0.25rem;--button-size-md-typography:600 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--button-size-lg-border-radius:0.375rem;--button-size-lg-border-width:0.063rem;--button-size-lg-border-style:solid;--button-size-lg-height:2rem;--button-size-lg-padding-left:0.75rem;--button-size-lg-padding-right:0.75rem;--button-size-lg-padding-top:0.375rem;--button-size-lg-padding-bottom:0.375rem;--button-size-lg-spacing:0.25rem;--button-size-lg-typography:600 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--button-size-xl-border-radius:0.375rem;--button-size-xl-border-width:0.063rem;--button-size-xl-border-style:solid;--button-size-xl-height:3rem;--button-size-xl-padding-left:1rem;--button-size-xl-padding-right:1rem;--button-size-xl-padding-top:0.75rem;--button-size-xl-padding-bottom:0.75rem;--button-size-xl-spacing:0.25rem;--button-size-xl-typography:600 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--button-gap-spacing:0.25rem;--button-outline-primary-width:0.25rem;--button-outline-primary-style:solid;--button-outline-primary-fill:#063b99;--button-outline-primary-offset:0.125rem;--button-opacity-disabled:0.32;--card-size-sm-border-radius:0.5rem;--card-size-sm-border-width:0.063rem;--card-size-sm-border-style:solid;--card-size-sm-min-height:16rem;--card-size-sm-padding:1rem;--card-size-sm-width:288px;--card-size-md-padding:1.5rem;--card-size-md-width:32rem;--card-size-lg-padding:3rem;--card-size-lg-width:64rem;--checkbox-size-sm-background-size:0.375rem;--checkbox-size-sm-border-radius:0.125rem;--checkbox-size-sm-border-width:0.063rem;--checkbox-size-sm-height:1rem;--checkbox-size-sm-width:1rem;--checkbox-size-md-background-size:0.5rem;--checkbox-size-md-border-radius:0.25rem;--checkbox-size-md-border-width:0.063rem;--checkbox-size-md-height:1.25rem;--checkbox-size-md-width:1.25rem;--checkbox-gap-spacing:0.25rem;--checkbox-outline-primary-width:0.25rem;--checkbox-outline-primary-style:solid;--checkbox-outline-primary-fill:#063b99;--checkbox-outline-primary-offset:0.125rem;--checkbox-opacity-disabled:0.32;--checkbox-tile-size-md-border-radius:0.375rem;--checkbox-tile-size-md-border-width:0.063rem;--checkbox-tile-size-md-padding-block:1rem;--checkbox-tile-size-md-padding-inline:1rem;--checkbox-tile-size-md-width:auto;--dialog-elements-content-size-compact-border-radius:0.375rem;--dialog-elements-content-size-compact-border-width:0.063rem;--dialog-elements-content-size-compact-padding-block:1.5rem;--dialog-elements-content-size-compact-padding-inline:1.25rem;--dialog-elements-content-size-compact-box-shadow:0 0 12px 0 hsla(0,0%,7%,.24);--dialog-elements-content-size-compact-width:16rem;--dialog-elements-content-size-spacious-width:384px;--dialog-elements-title-typography:720 1.25rem/1.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--dialog-elements-title-margin:0rem;--dialog-elements-title-margin-block-start:0.5rem;--dialog-elements-title-text-align:center;--dialog-elements-description-typography:480 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--dialog-elements-description-margin:0rem;--dialog-elements-description-margin-block-start:0.5rem;--dialog-elements-description-text-align:center;--dialog-elements-icon-size-default-border-radius:0.375rem;--dialog-elements-icon-size-default-padding:0.5rem;--field-message-size-sm-typography:480 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--field-message-size-md-margin-block-end:0.375rem;--field-message-size-md-typography:480 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--field-message-opacity-disabled:0.32;--form-label-elements-indicator-background:#d26e16;--form-label-elements-indicator-border-radius:0.375rem;--form-label-elements-indicator-height:0.5rem;--form-label-elements-indicator-width:0.5rem;--form-label-size-sm-typography:600 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--form-label-size-md-border-radius:0.375rem;--form-label-size-md-gap:0.25rem;--form-label-size-md-margin-block-end:0.375rem;--form-label-size-md-typography:600 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--form-label-size-md-width:auto;--form-label-opacity-disabled:0.32;--input-elements-root-size-xl-width:100%;--input-elements-text-field-size-md-border-radius:0.25rem;--input-elements-text-field-size-md-height:1.5rem;--input-elements-text-field-size-md-padding-block:0.375rem;--input-elements-text-field-size-md-padding-inline-start:0.5rem;--input-elements-text-field-size-md-typography:480 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--input-elements-text-field-size-lg-border-radius:0.375rem;--input-elements-text-field-size-lg-height:2rem;--input-elements-text-field-size-lg-padding-block:0.5rem;--input-elements-text-field-size-lg-padding-inline-start:0.5rem;--input-elements-text-field-size-lg-typography:480 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--input-elements-text-field-size-xl-border-radius:0.375rem;--input-elements-text-field-size-xl-border-width:0.063rem;--input-elements-text-field-size-xl-height:3rem;--input-elements-text-field-size-xl-padding-block:0.75rem;--input-elements-text-field-size-xl-padding-inline:1rem;--input-elements-text-field-size-xl-typography:480 1rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--input-elements-text-field-size-xl-width:100%;--input-elements-icon-size-md-height:1.5rem;--input-elements-icon-size-md-border-radius:0.375rem;--input-elements-icon-size-lg-height:2rem;--input-elements-icon-size-lg-border-radius:0.375rem;--input-elements-icon-size-xl-border-radius:0.5rem;--input-elements-icon-size-xl-border-width:0.063rem;--input-elements-icon-size-xl-height:3rem;--input-elements-icon-size-xl-padding-block-start:1rem;--input-elements-icon-size-xl-padding-block-end:0rem;--input-elements-addon-size-md-border-radius:0.25rem;--input-elements-addon-size-md-height:1.5rem;--input-elements-addon-size-md-padding-inline:0.5rem;--input-elements-addon-size-md-typography:480 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--input-elements-addon-size-lg-border-radius:0.25rem;--input-elements-addon-size-lg-height:2rem;--input-elements-addon-size-lg-padding-inline:0.75rem;--input-elements-addon-size-lg-typography:480 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--input-elements-addon-size-xl-border-radius:0.375rem;--input-elements-addon-size-xl-border-width:0.063rem;--input-elements-addon-size-xl-height:3rem;--input-elements-addon-size-xl-padding-inline:1rem;--input-disabled-opacity:0.32;--label-size-sm-typography:480 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--label-size-md-typography:480 1rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--label-gap-default:0.25rem;--label-opacity-disabled:0.32;--link-weight-regular:400;--link-size-3xs-typography:720 0.75rem/1rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--link-size-2xs-typography:720 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--link-size-xs-typography:720 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--link-size-sm-typography:720 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--link-size-md-typography:720 1rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--link-size-lg-typography:720 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--link-size-xl-typography:720 1.25rem/1.75rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--link-gap-default:0.25rem;--link-opacity-disabled:0.32;--list-group-space-comfortable:3rem;--loader-size-lg-border-radius:100%;--loader-size-lg-border-width:0.5rem;--loader-size-lg-height:4rem;--loader-size-lg-width:4rem;--radio-group-elements-indicator-size-sm-height:0.375rem;--radio-group-elements-indicator-size-sm-width:0.375rem;--radio-group-elements-indicator-size-md-border-radius:50%;--radio-group-elements-indicator-size-md-height:0.5rem;--radio-group-elements-indicator-size-md-width:0.5rem;--radio-group-elements-indicator-shadow-x:0;--radio-group-elements-indicator-shadow-y:0.063rem;--radio-group-elements-indicator-shadow-blur:0.063rem;--radio-group-elements-indicator-shadow-spread:0;--radio-group-elements-indicator-shadow-color:rgba(0,0,0,.08);--radio-group-size-sm-border-width:0.063rem;--radio-group-size-sm-height:1rem;--radio-group-size-sm-min-width:1rem;--radio-group-size-sm-width:1rem;--radio-group-size-md-border-radius:100%;--radio-group-size-md-border-width:0.063rem;--radio-group-size-md-height:1.25rem;--radio-group-size-md-min-width:1.25rem;--radio-group-size-md-width:1.25rem;--radio-group-outline-primary-width:0.25rem;--radio-group-outline-primary-style:solid;--radio-group-outline-primary-fill:#063b99;--radio-group-outline-primary-offset:0.125rem;--radio-group-opacity-disabled:0.32;--radio-group-tile-size-md-border-radius:0.25rem;--radio-group-tile-size-md-border-width:0.063rem;--radio-group-tile-size-md-padding-block:0.75rem;--radio-group-tile-size-md-padding-inline:0.75rem;--radio-group-tile-size-md-width:auto;--segmented-controller-elements-list-size-lg-border-radius:0.375rem;--segmented-controller-elements-list-size-lg-border-width:0.063rem;--segmented-controller-elements-trigger-size-md-padding-block:0.125rem;--segmented-controller-elements-trigger-size-md-padding-inline:0.5rem;--segmented-controller-elements-trigger-size-md-typography:600 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--segmented-controller-elements-trigger-size-lg-border-radius:0.375rem;--segmented-controller-elements-trigger-size-lg-border-width:0.125rem;--segmented-controller-elements-trigger-size-lg-padding-block:0.375rem;--segmented-controller-elements-trigger-size-lg-padding-inline:0.75rem;--segmented-controller-elements-trigger-size-lg-typography:600 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--segmented-controller-elements-content-size-lg-border-radius:0.375rem;--segmented-controller-elements-content-size-lg-border-width:0.063rem;--segmented-controller-elements-content-size-lg-margin-block-start:0.5rem;--segmented-controller-elements-content-size-lg-padding:1rem;--select-elements-trigger-size-md-max-height:1.5rem;--select-elements-trigger-size-md-padding-block:0.25rem;--select-elements-trigger-size-md-padding-inline:0.5rem;--select-elements-trigger-size-lg-max-height:2rem;--select-elements-trigger-size-lg-padding-block:0.375rem;--select-elements-trigger-size-lg-padding-inline:0.75rem;--select-elements-trigger-size-xl-border-radius:0.375rem;--select-elements-trigger-size-xl-border-width:0.063rem;--select-elements-trigger-size-xl-max-height:3rem;--select-elements-trigger-size-xl-padding-block:0.75rem;--select-elements-trigger-size-xl-padding-inline:1rem;--select-elements-trigger-size-xl-width:100%;--select-elements-trigger-opacity-disabled:0.32;--select-elements-content-size-lg-border-radius:0.375rem;--select-elements-content-size-lg-border-width:0.063rem;--select-elements-content-size-lg-max-height:232px;--select-elements-content-size-lg-z-index:499;--select-elements-content-opacity-disabled:0.32;--select-elements-content-scrollbar-size-lg-border-radius:0.375rem;--select-elements-content-scrollbar-size-lg-border-width:0.063rem;--select-elements-content-scrollbar-size-lg-width:0.75rem;--select-elements-content-scrollbar-thumb-size-lg-height:8rem;--select-elements-menu-item-size-lg-padding-inline:0.75rem;--select-elements-menu-item-size-lg-padding-block:0.375rem;--select-elements-menu-item-gap-default:0.5rem;--select-elements-menu-item-opacity-disabled:0.32;--select-elements-separator-size-lg-height:0.063rem;--select-elements-info-size-lg-typography:480 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--select-elements-icon-size-md-min-height:1.25rem;--select-elements-icon-size-md-min-width:1.25rem;--select-elements-heading-size-sm-typography:600 0.875rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--select-elements-heading-size-sm-padding-inline:0.75rem;--select-elements-heading-size-sm-padding-block:0.375rem;--select-elements-label-size-sm-typography:480 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--switch-elements-thumb-size-sm-height:1rem;--switch-elements-thumb-size-sm-width:1rem;--switch-elements-thumb-size-md-border-radius:1rem;--switch-elements-thumb-size-md-border-width:0.063rem;--switch-elements-thumb-size-md-height:1.25rem;--switch-elements-thumb-size-md-width:1.25rem;--switch-elements-thumb-shadow-x:0;--switch-elements-thumb-shadow-y:0.063rem;--switch-elements-thumb-shadow-blur:0.063rem;--switch-elements-thumb-shadow-spread:0;--switch-elements-thumb-shadow-color:rgba(0,0,0,.08);--switch-size-sm-height:1rem;--switch-size-sm-width:2rem;--switch-size-md-border-radius:1rem;--switch-size-md-border-width:0.063rem;--switch-size-md-height:1.25rem;--switch-size-md-width:2.5rem;--switch-opacity-disabled:0.32;--switch-outline-primary-width:0.25rem;--switch-outline-primary-style:solid;--switch-outline-primary-fill:#063b99;--switch-outline-primary-offset:0.125rem;--table-elements-container-size-2xl-border-radius:0.375rem;--table-elements-container-size-2xl-border-width:0.063rem;--table-elements-container-size-2xl-max-height:auto;--table-elements-container-scrollbar-size-2xl-border-radius:0.375rem;--table-elements-container-scrollbar-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-size-2xl-width:0.75rem;--table-elements-container-scrollbar-thumb-size-2xl-border-width:0.063rem;--table-elements-container-scrollbar-thumb-size-2xl-height:8rem;--table-elements-th-size-xl-border-bottom-width:0.063rem;--table-elements-th-size-xl-max-height:3rem;--table-elements-th-size-xl-padding-block-start:1.125rem;--table-elements-th-size-xl-padding-block-end:0.5rem;--table-elements-th-size-xl-padding-inline:0.75rem;--table-elements-th-size-xl-typography:720 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--table-elements-th-size-2xl-max-height:4rem;--table-elements-th-size-2xl-padding-block-start:1.5rem;--table-elements-th-size-2xl-padding-block-end:0.5rem;--table-elements-th-size-2xl-typography:720 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--table-elements-td-size-lg-max-height:2rem;--table-elements-td-size-lg-padding-inline:0.5rem;--table-elements-td-size-lg-typography:480 0.813rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--table-elements-td-size-xl-max-height:3rem;--table-elements-td-size-xl-typography:480 0.938rem/1.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--table-elements-td-size-2xl-border-width:0.063rem;--table-elements-td-size-2xl-max-height:4rem;--table-elements-td-size-2xl-padding-inline:0.75rem;--table-elements-td-size-2xl-typography:480 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--table-elements-actions-2xl-border-radius:0.375rem;--table-elements-actions-2xl-border-width:0.063rem;--table-elements-actions-2xl-height:3rem;--table-elements-actions-2xl-padding-inline-end:0.5rem;--tabs-elements-list-size-lg-border-bottom-width:0.063rem;--tabs-elements-list-size-lg-padding-block-end:1rem;--tabs-elements-list-gap-default:1.25rem;--tabs-elements-trigger-size-lg-border-width:0.125rem;--tabs-elements-trigger-size-lg-max-height:2rem;--tabs-elements-trigger-size-lg-padding-block-end:0rem;--tabs-elements-trigger-size-lg-typography:720 1.125rem/1.5rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--tabs-elements-trigger-size-xl-max-height:3rem;--tabs-elements-trigger-size-xl-typography:720 1.5rem/2.25rem "Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--tabs-elements-content-size-lg-border-radius:0.375rem;--tabs-elements-content-size-lg-border-width:0.063rem;--tabs-elements-content-size-lg-margin-block-start:0.5rem;--tabs-elements-content-size-lg-padding:1rem}
@@ -0,0 +1 @@
1
+ @import "./global.css";@import "./badge";@import "./button/light.css";@import "./button/dark.css";@import "./card/light.css";@import "./card/dark.css";@import "./checkbox/light.css";@import "./checkbox/dark.css";@import "./checkbox-tile/light.css";@import "./checkbox-tile/dark.css";@import "./dialog/light.css";@import "./dialog/dark.css";@import "./field-message/light.css";@import "./field-message/dark.css";@import "./form-label/light.css";@import "./form-label/dark.css";@import "./input/light.css";@import "./input/dark.css";@import "./label/light.css";@import "./label/dark.css";@import "./link/light.css";@import "./link/dark.css";@import "./list-item/light.css";@import "./list-item/dark.css";@import "./loader/light.css";@import "./loader/dark.css";@import "./radio-group/light.css";@import "./radio-group/dark.css";@import "./radio-group-tile/light.css";@import "./radio-group-tile/dark.css";@import "./segmented-controller/light.css";@import "./segmented-controller/dark.css";@import "./select/light.css";@import "./select/dark.css";@import "./switch/light.css";@import "./switch/dark.css";@import "./table/light.css";@import "./table/dark.css";@import "./tabs/light.css";@import "./tabs/dark.css";
@@ -0,0 +1,37 @@
1
+ .root{display:flex;width:var(--input-elements-root-size-xl-width)}.root:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(12,87,205,.16)}.input{background-color:var(
2
+ --input-light-elements-text-field-color-background-primary-default
3
+ );border-color:var(
4
+ --input-light-elements-text-field-color-border-primary-default
5
+ );border-radius:var(--input-elements-text-field-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-text-field-size-xl-border-width);box-sizing:border-box;color:var(--input-light-elements-color-text-primary-default);font:var(--input-elements-text-field-size-xl-typography);max-height:var(--input-elements-text-field-size-xl-height);outline:none;padding-block:var(--input-elements-text-field-size-xl-padding-block);padding-inline-start:var(--input-elements-text-field-size-xl-padding-inline);width:100%}.input[data-size=lg]{border-radius:var(--input-elements-text-field-size-lg-border-radius);font:var(--input-elements-text-field-size-lg-typography);height:var(--input-elements-text-field-size-lg-height);padding-block:var(--input-elements-text-field-size-lg-padding-block);padding-inline-start:var(
6
+ --input-elements-text-field-size-lg-padding-inline-start
7
+ )}.input[data-size=lg]+.icon{height:var(--input-elements-icon-size-lg-height)}.input[data-size=md]{border-radius:var(--input-elements-text-field-size-md-border-radius);font:var(--input-elements-text-field-size-md-typography);height:var(--input-elements-text-field-size-md-height);padding-block:var(--input-elements-text-field-size-md-padding-block);padding-inline-start:var(
8
+ --input-elements-text-field-size-md-padding-inline-start
9
+ )}.input[data-size=md]+.icon{height:var(--input-elements-icon-size-md-height)}.root[data-altbackground=true] .icon,.root[data-altbackground=true] .input{background-color:var(
10
+ --input-light-elements-text-field-color-background-altbackground-default
11
+ )}.input::placeholder{color:var(--input-light-elements-text-field-color-text-error-default)}.input[data-error=true]::placeholder{color:var(--input-light-elements-text-field-color-text-error-placeholder)}.icon[data-error=true],.input[data-error=true]{background-color:var(
12
+ --input-light-elements-text-field-color-background-error-default
13
+ );border-color:var(
14
+ --input-light-elements-text-field-color-border-error-default
15
+ )}.root[data-error=true]:focus-within{border-radius:var(--input-elements-text-field-size-xl-border-radius);box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[aria-disabled=true],.input[data-disabled=true]{opacity:var(--input-disabled-opacity);pointer-events:none}.icon{align-items:center;background-color:var(
16
+ --input-light-elements-icon-color-background-primary-default
17
+ );border-color:var(--input-light-elements-icon-color-border-primary-default);border-radius:var(--input-elements-icon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-icon-size-xl-border-width);box-sizing:border-box;color:var(--input-light-elements-icon-color-text-primary-default);display:flex;height:var(--input-elements-icon-size-xl-height);justify-content:center;padding-inline-end:var(--input-elements-icon-size-xl-padding-block-end);padding-inline-start:var(--input-elements-text-field-size-xl-padding-inline)}.icon[data-size=md]{border-radius:var(--input-elements-icon-size-md-border-radius);height:var(--input-elements-icon-size-md-height);padding-inline-start:var(
18
+ --input-elements-text-field-size-md-padding-inline-start
19
+ )}.icon[data-size=lg]{border-radius:var(--input-elements-icon-size-lg-border-radius);height:var(--input-elements-icon-size-lg-height);padding-inline-start:var(
20
+ --input-elements-text-field-size-lg-padding-inline-start
21
+ )}.addon{align-items:center;background-color:var(
22
+ --input-light-elements-addon-color-background-primary-default
23
+ );border-color:var(--input-light-elements-addon-color-border-primary-default);border-radius:var(--input-elements-addon-size-xl-border-radius);border-style:solid;border-width:var(--input-elements-addon-size-xl-border-width);color:var(--input-light-elements-addon-color-text-primary-default);display:flex;height:var(--input-elements-addon-size-xl-height);padding-inline:var(--input-elements-addon-size-xl-padding-inline);z-index:10}.addon[data-size=md]{border-radius:var(--input-elements-addon-size-md-border-radius);height:var(--input-elements-addon-size-md-height);padding-inline:var(--input-elements-addon-size-md-padding-inline)}.addon[data-size=lg]{border-radius:var(--input-elements-addon-size-lg-border-radius);height:var(--input-elements-addon-size-lg-height);padding-inline:var(--input-elements-addon-size-lg-padding-inline)}.root[data-mode=dark][data-altbackground=true] .icon,.root[data-mode=dark][data-altbackground=true] .input{background-color:var(
24
+ --input-dark-elements-text-field-color-background-altbackground-default
25
+ )}.root[data-mode=dark]:focus-within{box-shadow:0 0 0 6px rgba(12,87,205,.24)}.root[data-mode=dark][data-error=true]:focus-within{box-shadow:0 0 0 6px rgba(209,40,40,.24)}.icon[data-mode=dark][data-error=true],.input[data-mode=dark][data-error=true]{background-color:var(
26
+ --input-dark-elements-text-field-color-background-error-default
27
+ );border-color:var(
28
+ --input-dark-elements-text-field-color-border-error-default
29
+ )}.input[data-mode=dark],.input[data-mode=dark]+.icon{background-color:var(
30
+ --input-dark-elements-text-field-color-background-primary-default
31
+ );border-color:var(
32
+ --input-dark-elements-text-field-color-border-primary-default
33
+ );color:var(--input-dark-elements-text-field-color-text-primary-default)}.input[data-mode=dark]::placeholder{color:var(--input-dark-elements-text-field-color-text-error-placeholder)}.icon[data-mode=dark]{background-color:var(
34
+ --input-dark-elements-icon-color-background-primary-default
35
+ );border-color:var(--input-dark-elements-icon-color-border-primary-default);color:var(--input-dark-elements-icon-color-text-primary-default)}.addon[data-mode=dark]{background-color:var(
36
+ --input-dark-elements-addon-color-background-primary-default
37
+ );border-color:var(--input-dark-elements-addon-color-border-primary-default)}
@@ -0,0 +1 @@
1
+ .label{all:unset;box-sizing:border-box;color:var(--label-light-color-text-primary-default);cursor:default;font:var(--label-size-md-typography)}.label[aria-disabled=true]{cursor:not-allowed;opacity:var(--label-opacity-disabled);pointer-events:none}.label[data-size=sm]{font:var(--label-size-sm-typography)}.label[data-mode=dark]{color:var(--label-dark-color-text-primary-default)}
@@ -0,0 +1 @@
1
+ @import "./global.css";@import "./badge/light.css";@import "./button/light.css";@import "./checkbox/light.css";@import "./checkbox-tile/light.css";@import "./field-message/light.css";@import "./form-label/light.css";@import "./input/light.css";@import "./label/light.css";@import "./link/light.css";@import "./radio-group/light.css";@import "./radio-group-tile/light.css";@import "./select/light.css";@import "./switch/light.css";@import "./table/light.css";@import "./tabs/light.css";
@@ -0,0 +1 @@
1
+ .link{all:unset;align-items:center;box-sizing:border-box;color:var(--link-light-color-text-primary-default);cursor:pointer;display:inline-flex;font:var(--link-size-xl-typography);gap:var(--link-gap-default);text-decoration:underline;vertical-align:top}.link:hover{color:var(--link-light-color-text-primary-hover)}.link:active{color:var(--link-light-color-text-primary-active)}.link[data-size="3xs"]{font:var(--link-size-3xs-typography)}.link[data-size="2xs"]{font:var(--link-size-2xs-typography)}.link[data-size=xs]{font:var(--link-size-xs-typography)}.link[data-size=sm]{font:var(--link-size-sm-typography)}.link[data-size=md]{font:var(--link-size-md-typography)}.link[data-size=lg]{font:var(--link-size-lg-typography)}.link[data-size=xl]{font:var(--link-size-xl-typography)}.link[data-weight=regular]{font-weight:var(--link-weight-regular)}.link[data-mode=dark]{color:var(--link-dark-color-text-primary-default)}.link[data-mode=dark]:hover{color:var(--link-dark-color-text-primary-hover)}.link[data-mode=dark]:active{color:var(--link-dark-color-text-primary-active)}
@@ -0,0 +1 @@
1
+ .ul{all:unset;display:flex;gap:var(--list-group-space-comfortable)}.ul[data-direction=vertical]{flex-direction:column;padding-block:var(--list-group-space-comfortable)}
@@ -0,0 +1 @@
1
+ .li{all:unset;color:var(--list-item-light-color-text-primary-default)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--list-item-dark-color-text-primary-default)}
@@ -0,0 +1 @@
1
+ .ul{all:unset;display:flex}.ul,.ul[data-direction=vertical]{gap:var(--list-group-space-comfortable)}.ul[data-direction=vertical]{flex-direction:column}
@@ -0,0 +1 @@
1
+ .li{all:unset;color:var(--list-item-light-color-text-primary-default)}.li[data-direction=horizontal]{display:flex;gap:var(--spacing-xs)}.li[data-mode=dark]{color:var(--list-item-dark-color-text-primary-default)}
@@ -0,0 +1 @@
1
+ .loader{animation:spin 1s linear infinite;border:var(--loader-size-lg-border-width) solid var(--loader-light-color-border-primary-default);border-radius:var(--loader-size-lg-border-radius);border-top:var(--loader-size-lg-border-width) solid var(--loader-light-color-border-top-primary-default);height:var(--loader-size-lg-height);width:var(--loader-size-lg-width)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -0,0 +1,21 @@
1
+ .root{display:flex}.root[data-orientation=vertical]{display:grid;row-gap:var(--spacing-xs)}.item{background-color:var(--radio-group-light-color-background-primary-default);border-color:var(--radio-group-light-color-border-primary-default);border-radius:var(--radio-group-size-md-border-radius);border-style:solid;border-width:var(--radio-group-size-md-border-width);display:inline;height:var(--radio-group-size-md-height);min-width:var(--radio-group-size-md-min-width);width:var(--radio-group-size-md-width)}.item:focus-visible{outline:var(--radio-group-outline-primary-width) solid var(--radio-group-outline-primary-fill);outline-offset:var(--radio-group-outline-primary-offset)}.item[aria-checked=true]{background-color:var(--radio-group-light-color-background-primary-active)}.item[data-size=sm]{height:var(--radio-group-size-sm-height);min-width:var(--radio-group-size-sm-min-width);width:var(--radio-group-size-sm-width)}.item[data-error=true]{background-color:var(--radio-group-light-color-background-danger-default);border-color:var(--radio-group-light-color-border-danger-default)}.item[data-disabled]{cursor:not-allowed;opacity:var(--radio-group-opacity-disabled);pointer-events:none}.item[data-mode=dark]{background-color:var(--radio-group-dark-color-background-primary-default);border-color:var(--radio-group-dark-color-border-primary-default)}.item[data-mode=dark][aria-checked=true]{background-color:var(--radio-group-dark-color-background-primary-active);border-color:var(--radio-group-dark-color-border-primary-active)}.item[data-mode=dark][data-error=true]{background-color:var(--radio-group-dark-color-background-danger-default);border-color:var(--radio-group-dark-color-border-danger-default)}.indicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indicator:after{background-color:var(--color-neutral-lightest);border-radius:var(--radio-group-elements-indicator-size-md-border-radius);box-shadow:var(--radio-group-elements-indicator-shadow);content:"";display:block;height:var(--radio-group-elements-indicator-size-md-height);width:var(--radio-group-elements-indicator-size-md-width)}.indicator[data-size=sm]:after{border-radius:var(--radio-group-elements-indicator-size-sm-border-radius)}.tile{align-items:center;background-color:var(
2
+ --radio-group-tile-light-color-background-primary-default
3
+ );border:var(--radio-group-tile-size-md-border-width) solid var(--radio-group-tile-light-color-border-primary-default);border-radius:var(--radio-group-tile-size-md-border-radius);box-sizing:border-box;padding-block:var(--radio-group-tile-size-md-padding-block);padding-inline:var(--radio-group-tile-size-md-padding-inline)}.tile[data-altbackground=true]{background-color:var(
4
+ --radio-group-tile-light-color-background-altbackground-default
5
+ );border-color:var(
6
+ --radio-group-tile-light-color-border-altbackground-default
7
+ )}.tile:has(.root[data-state=checked]){background-color:var(
8
+ --radio-group-tile-light-color-background-primary-active
9
+ )}.tile[data-state=checked]{background-color:var(
10
+ --radio-group-tile-light-color-background-primary-active
11
+ );border-color:var(--radio-group-tile-light-color-border-primary-active)}.tile:not([data-state=checked]):hover{background-color:var(
12
+ --radio-group-tile-light-color-background-primary-hover
13
+ );border-color:var(--radio-group-tile-light-color-border-primary-hover)}.tile[data-mode=dark]{background-color:var(
14
+ --radio-group-tile-dark-color-background-primary-default
15
+ )}.tile[data-altbackground=checked][data-mode=dark]{background-color:var(
16
+ --radio-group-tile-dark-color-background-altbackground-default
17
+ )}.tile[data-mode=dark]:has(.root[data-state=checked]){background-color:var(
18
+ --radio-group-tile-dark-color-background-primary-active
19
+ )}.tile[data-mode=dark]:hover{background-color:var(--radio-group-tile-dark-color-background-primary-hover)}.tile[data-mode=dark][data-state=checked],.tile[data-mode=dark][data-state=checked]:hover{background-color:var(
20
+ --radio-group-tile-dark-color-background-primary-active
21
+ )}
@@ -0,0 +1,57 @@
1
+ .root{flex-direction:column}.list,.root{display:flex}.list{border:var(--segmented-controller-elements-list-size-lg-border-width) solid var(--segmented-controller-light-elements-list-color-border-primary-default);border-radius:var(
2
+ --segmented-controller-elements-list-size-lg-border-radius
3
+ );box-sizing:border-box;column-gap:1px;width:fit-content}.trigger{align-items:center;background-color:var(
4
+ --segmented-controller-light-elements-trigger-color-background-primary-default
5
+ );color:var(--segmented-controller-trigger-color);cursor:pointer;display:flex;font:var(--segmented-controller-elements-trigger-size-lg-typography);justify-content:center;padding-block:var(
6
+ --segmented-controller-elements-trigger-size-lg-padding-block
7
+ );padding-inline:var(
8
+ --segmented-controller-elements-trigger-size-lg-padding-inline
9
+ )}.trigger:hover{color:var(
10
+ --segmented-controller-light-elements-trigger-color-text-primary-hover
11
+ )}.trigger:first-child{border-bottom-left-radius:var(
12
+ --segmented-controller-elements-trigger-size-lg-border-radius
13
+ );border-top-left-radius:var(
14
+ --segmented-controller-elements-trigger-size-lg-border-radius
15
+ )}.trigger:last-child{border-bottom-right-radius:var(
16
+ --segmented-controller-elements-trigger-size-lg-border-radius
17
+ );border-top-right-radius:var(
18
+ --segmented-controller-elements-trigger-size-lg-border-radius
19
+ )}.trigger[data-state=active]{background-color:var(
20
+ --segmented-controller-light-elements-trigger-color-background-primary-active
21
+ );border:1px solid var(--color-primary-300);border-radius:6px;box-sizing:border-box;color:var(
22
+ --segmented-controller-light-elements-trigger-color-text-primary-active
23
+ );margin:-1px}.trigger[data-size=md]{font:var(--segmented-controller-elements-trigger-size-md-typography);padding-block:var(
24
+ --segmented-controller-elements-trigger-size-md-padding-block
25
+ );padding-inline:var(
26
+ --segmented-controller-elements-trigger-size-md-padding-inline
27
+ )}.list[data-mode=dark]{background-color:var(
28
+ --segmented-controller-dark-elements-list-color-background-primary-default
29
+ );border:var(--segmented-controller-elements-list-size-lg-border-width) solid var(--segmented-controller-dark-elements-list-color-border-primary-default)}.trigger[data-mode=dark]{background-color:var(
30
+ --segmented-controller-dark-elements-trigger-color-background-primary-default
31
+ );border-color:var(
32
+ --segmented-controller-dark-elements-trigger-color-border-primary-default
33
+ );color:var(
34
+ --segmented-controller-dark-elements-trigger-color-text-primary-default
35
+ )}.trigger[data-mode=dark]:hover{color:var(
36
+ --segmented-controller-dark-elements-trigger-color-text-primary-hover
37
+ )}.trigger[data-mode=dark][data-state=active]{background-color:var(
38
+ --segmented-controller-dark-elements-trigger-color-background-primary-active
39
+ );border-color:var(
40
+ --segmented-controller-dark-elements-trigger-color-border-primary-active
41
+ );color:var(
42
+ --segmented-controller-dark-elements-trigger-color-text-primary-active
43
+ )}.content{background-color:var(
44
+ --segmented-controller-light-elements-trigger-color-background-primary-default
45
+ );border:var(--segmented-controller-elements-content-size-lg-border-width) solid var(
46
+ --segmented-controller-light-elements-content-color-border-primary-default
47
+ );border-radius:var(
48
+ --segmented-controller-elements-content-size-lg-border-radius
49
+ );flex-shrink:1;margin-top:var(
50
+ --segmented-controller-elements-content-size-lg-margin-block-start
51
+ );outline:none;padding:var(--segmented-controller-elements-content-size-lg-padding);width:auto}.content:focus{border:var(--segmented-controller-elements-content-size-lg-border-width) solid var(
52
+ --segmented-controller-light-elements-content-color-border-primary-default
53
+ )}.content[data-mode=dark]{background-color:var(
54
+ --segmented-controller-dark-elements-content-color-background-primary-default
55
+ );border-color:var(
56
+ --segmented-controller-dark-elements-content-color-border-primary-default
57
+ )}